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.

Page 1 of 2
  1. Divi.Help

    Divi.Help Administrator
    Staff Member

    [​IMG]

    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:

    #1 Divi.Help, Jan 6, 2019
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Wish to make the mobile bar 4 column? Just clone the blurb module & done!
     
    #2 Divi.Help, Jan 7, 2019
  3. DavidJ

    DavidJ New Member

    Thank you for providing this for free :)
     
    #3 DavidJ, Jan 7, 2019
    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.
     
    #4 Goran, Jan 8, 2019
  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.
     
    #5 Divi.Help, Jan 8, 2019
  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.
     
    #6 Goran, Jan 8, 2019
  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.

    upload_2019-1-8_23-0-57.png
     
    #7 Divi.Help, Jan 8, 2019
  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.
     
    #8 Goran, Jan 8, 2019
  9. Bryant Spratlin

    Bryant Spratlin New Member
    Divi Ultimate Footer Plugin

    Does this work with the Divi.Help Ultimate Footer Plugin?
     
    #9 Bryant Spratlin, Jan 8, 2019
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    It should work well together. If you face any issue, let me know.
     
    #10 Divi.Help, Jan 8, 2019
  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.
     
    #11 MattDono, Jan 9, 2019
  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
     
    #12 Divi.Help, Jan 9, 2019
  13. MattDono

    MattDono New Member

    #13 MattDono, Jan 11, 2019
  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.
     
    #14 Divi.Help, Jan 11, 2019
  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.
     
    #15 Veronica, Jan 11, 2019
  16. Veronica

    Veronica New Member

    https://faithequip.org
     
    #16 Veronica, Jan 11, 2019
  17. Divi.Help

    Divi.Help Administrator
    Staff Member

    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;
    }
}
     
    #17 Divi.Help, Jan 11, 2019
  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!
     
    #18 Melanie Redman, Jan 17, 2019
  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.
     
    #19 Divi.Help, Jan 17, 2019
  20. Melanie Redman

    Melanie Redman New Member

    Thanks so much for your quick reply! I will get on and download it.
     
    #20 Melanie Redman, Jan 17, 2019
(You must log in or sign up to post here.)
Page 1 of 2