Notification Bar Section #
You can display a Notification Bar on your website header using the Yummy Bites Pro plugin. The Notification Bar feature comes in handy for highlighting or promoting a freebie or a campaign or any important message on your website.
You can access the Notification Bar setting via Admin Dashboard > Appearance > Customize > Additional Settings > Notification Bar Section.
General Setting #
The following are the General settings provided to configure the Notification Bar.
Show Notification Bar: Enable this option to display the Notification Bar on the site header.
Title: Enter the notification message here.
Button Label: Enter the label for the button you want to display inside the Notification Bar.
Button Link: Enter the link for the button.
Open in new window: Enable this option to open the button link in new tab.
Hide on Mobile?: Enable this option to hide the Notification Bar in mobile view.
Design Setting #
The following are the Design settings provided to configure the Notification Bar.
Typography: You can configure the typography settings for the Notification Bar text via this setting.
Background Color: Select a background color for the Notification Bar.
Text Color: Select a color for the Notification Bar text.
Performance Setting #
The Performance setting includes various options with which you can optimize different elements building up your website.
You can access the Performance settings via Admin Dashboard > Appearance > Customize > Additional Settings > Performance Settings.
The Yummy Bites Pro plugin offers optimization options for the following elements of a website.
- CSS/JS Optimization
Lazy Load Images: Enable this option to activate Lazy loading for your site images.
Exclude Lazy Load Images: You can enable this option to exclude images from lazy loading.
Excluded images list: This option is visible only when the Exclude Lazy Load Images option is enabled. Enter keywords (e.g. image filename, CSS class, domain) from the image to be excluded (one per line).
Exclude Above-the-fold Images: You can select the number of images on the homepage from the top for which you want to exclude the lazy loading.
Lazy Load Animation: Select animation effect for the lazy loading images. This option is only visible when the Lazy Load Images option is enabled.
Disable Featured Image Lazy Load: Enabling this option will disable lazy loading for the featured image on single post.
Lightbox for Images and Galleries: You can enable the lightbox feature for your images.
Add Missing Image Dimensions: Enabling this feature will add width and height attributes to the images to improve the CLS.
Prevent Automatic Favicon Request: Enabling this option will disable the automatic favicon request to speed up your site.
Disable Self Pingbacks: Enabling this option will disable Self Pingbacks (generated when linking to an article on your own blog).
Disable RSS Feeds: Enable this option to disable WordPress generated RSS feeds and 301 redirect URL to parent.
Remove RSS Feed Links: Enable this option to disable WordPress generated RSS feed link tags.
Load Gravatar Locally: You can enable this option to load Gravatars from your own server that will help improve loading time.
CSS/JS Optimization #
Ver parameters: Enable this option to remove version query strings from your static resources to improve the caching of those resources.
Delay Timeout: Select the delay timeout value.
Disable Google Fonts: Enabling this option will prevent Elementor Google fonts from loading.
Disable Icons: Enabling this option will prevent Elementor icons from loading.
Disable Font Awesome: Enabling this option will prevent Elementor Font Awesome icons from loading.
Disable Frontend scripts: Enabling this option will prevent Elementor frontend scripts (such as swiper, dialog, share link) from loading.
Disable Elementor Pro scripts: Enabling this option will prevent some of the scripts of Elementor Pro from loading.
Custom Scripts #
This feature of the Yummy Bites Pro plugin allows you to inject custom code snippets to the header, body and footer file of your website. This feature removes the hassle of manually editing the theme files or using any third party plugins to add custom codes.
You can access the setting for Custom Scripts via Admin Dashboard > Appearance > Customize > Additional Settings > Custom Scripts.
Here, you need to enter your header, body or footer scripts in the respective field and publish the changes made.
Customizer Reset #
With the Customizer Reset option, you can reset all the settings added to the customizer back to its default settings.
You can access the Customizer Reset setting via Admin Dashboard > Appearance > Customize > Additional Settings > Customizer Reset.
Here, you can simply click on the Reset button to reset all the customizer settings your have added for your website back to it’s default state.