1. 8th Anniversary Sale Get 88% OFF Lifetime Pro Membership & access all 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed.Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Divi Mobile Bar Plugin (Free)

Discussion in 'Divi Freebies For Download' started by Divi.Help, Jan 6, 2019.

Page 1 of 5
  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://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!
     

    Attached Files:

    #1 Divi.Help, Jan 6, 2019
    Cok Tra, Danielle Burns and Laura Padilla Amador like this.
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  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
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Thank you for providing this for free :)
     
    #3 DavidJ, Jan 7, 2019
    Melanie Redman likes this.
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  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
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  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
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  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

    Does this work with the Divi.Help Ultimate Footer Plugin?
     
    #9 Bryant Spratlin, Jan 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  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
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  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
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  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
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  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:
    Log In or Sign Up to view this code.
     
    #17 Divi.Help, Jan 11, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  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
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  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 5