Ever wanted to create a fixed mobile bar for your Divi site? Check out this Divi Mobile Bar Plugin. Main Features: - Inject a mobile bar in your Divi site, which is editable in Divi Builder. - Premade mobile bar design to get you started. - Plug & play. No settings to be configured. - And it's Free for all! Live Demo: https://diviultimate.com/divi-mobile-bar-plugin-demo-site/ ================= New installation guide ================= First Part: - Download the attached Divi-Mobile-Bar-Plugin.zip - Go to Plugins -> Add New -> Upload Plugin. - Then click Choose File & select Divi-Mobile-Bar-Plugin.zip that you downloaded. - Then click Install Now. After installation, click Activate Plugin. Second Part: - Download the attached divi-mobile-bar.json - Go to Divi -> Divi Library. - Then click Import & Export button. - Click "Import" tab & click "Choose File" and select divi-mobile-bar.json that you downloaded. - Then, click Import Divi Builder Layouts. Done. You will see that the mobile bar is now appeared on your Divi site. To customize the mobile bar, just go to WP Admin > Divi > Divi Mobile Bar to edit it in Divi Builder. That's it!
Hello, are there anymore steps after those one explained? I have tried it on 2 websites but could not make it work. Thanks.
Few things to note: 1. Make sure your Divi theme is v3.1 & above. 2. Check if the mobile bar design is in WP Admin > Divi > Divi Mobile Bar 3. The bar will only show in mobile. Visit your site in mobile & see if the bar is there.
Hello I did check all of those: one of the websites is https://www.beefii.com/ Still it does not work for me. Divi version is proper, plugin is installed and activated, json file imported. Divi mobile bar is shown in WP Admin and I can customize it.
Are you using a child theme with footer.php? Attached below is the footer.php of the Divi theme. Make sure that your child theme footer.php has the highlighted code as well.
Great, I did miss the code in the footer.php, I added the code as you showed in screenshoot and everything works now fine. I used child theme maker and probably it changed something in the original footer.php. Thank you very much for your help.
Hey guys! Love the plugin thanks for making an easy solution. How do we change the color when you Hover over or Click on a blurb? I don't see any settings in divi builder for it and I have tried changing the CSS with no luck. This is what I tried for CSS. .et_pb_blurb_1.et_pb_blurb:hover { background-color: #0073aa; } .et_pb_blurb_0:hover .et-pb-icon { color: #ffffff; } Here is the site for reference. https://amorautosport.com I changed everything to a blue color but when you click on it, it flashes Red.
We used the new Divi hover options: https://www.elegantthemes.com/blog/theme-releases/divi-hover-options-have-arrived
I was getting an error before when I tried to use the front end builder but I just tried it and it worked so I was able to change it, Thanks!
If you ever face any error using the front end builder, just go to WP Admin > Settings > Permalinks & save it. And it should fix the issue.
Thank you for this freebie. Much appreciated. It works perfectly. I have one question. I have a cookie consent message that sits behind the footer now and I'm not sure how to fix this so that both display.
Try this CSS in Divi > Theme Options > Custom CSS. It will move up the cookie notice: Code: @media screen and (max-width: 980px) { .cc-banner { bottom: 76px!important; } }
Hi, this look like just what I need - will the plugin be supported and updated as things change in the future? I know that's a bit of a cheeky ask, considering it's free!
Feel free to report here if you find any issue & we will look into it. But this is a simple plugin, which should work fine with any future updates of Divi.