1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: https://header.diviultimate.com/
    Dismiss Notice

Divi Mobile Bar Plugin (Free)

Discussion in 'Divi Freebies Across The Web' started by Divi.Help, Jan 6, 2019.

  1. Divi.Help

    Divi.Help Administrator
    Staff Member


    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://mobilebar.divi.help/

    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!

    Attached Files:

  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Wish to make the mobile bar 4 column? Just clone the blurb module & done!
  3. DavidJ

    DavidJ New Member

    Thank you for providing this for free :)
    Melanie Redman likes this.
  4. Goran

    Goran New Member

    Hello, are there anymore steps after those one explained? I have tried it on 2 websites but could not make it work. Thanks.
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    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.
  6. Goran

    Goran New Member

    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.
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    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.

  8. Goran

    Goran New Member

    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.
  9. Bryant Spratlin

    Bryant Spratlin New Member
    Divi Ultimate Footer Plugin

    Does this work with the Divi.Help Ultimate Footer Plugin?
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    It should work well together. If you face any issue, let me know.
  11. MattDono

    MattDono New Member

    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.
  12. Divi.Help

    Divi.Help Administrator
    Staff Member

    We used the new Divi hover options: https://www.elegantthemes.com/blog/theme-releases/divi-hover-options-have-arrived
  13. MattDono

    MattDono New Member

  14. Divi.Help

    Divi.Help Administrator
    Staff Member

    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.
  15. Veronica

    Veronica New Member

    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.
  16. Veronica

    Veronica New Member

  17. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this CSS in Divi > Theme Options > Custom CSS. It will move up the cookie notice:
    @media screen and (max-width: 980px) {
        .cc-banner {
            bottom: 76px!important;
  18. Melanie Redman

    Melanie Redman New Member

    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!
  19. Divi.Help

    Divi.Help Administrator
    Staff Member

    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.
  20. Melanie Redman

    Melanie Redman New Member

    Thanks so much for your quick reply! I will get on and download it.