1. New Year Bundle Sales55% OFF

    By purchasing this New Year Bundle Sales, you will get:
    - Lifetime access for Divi Powerful Child Theme (worth $215)
    - Lifetime access for Divi Ultimate Header Plugin (worth $60)
    - Lifetime access for Divi Ultimate Footer Plugin (worth $60)
    - Lifetime access for Divi Ultimate Blog Plugin (worth $60)

    Price of this bundle: $175 one-time payment
    Buy now: https://divi.help/account/upgrades
    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

    [​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!

    =================
    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
    Divi Ultimate Child Theme

    Thank you for providing this for free :)
     
  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.

    upload_2019-1-8_23-0-57.png
     
  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

    https://faithequip.org
     
  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:
    Kindly Log in or Sign up to view this code.