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:

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

    Thank you for providing this for free :)
     
    #3 DavidJ, Jan 7, 2019
  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 at 4:10 AM
  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 at 6:49 AM
  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 at 6:53 AM
  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 at 7:02 AM
  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 at 7:16 AM
  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 at 9:13 AM
  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 at 7:56 PM
  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 at 10:16 AM
  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 at 8:21 PM
  13. MattDono

    MattDono New Member

    #13 MattDono, Jan 11, 2019 at 3:42 AM
  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 at 6:45 AM
  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 at 11:16 AM
  16. Veronica

    Veronica New Member

    https://faithequip.org
     
    #16 Veronica, Jan 11, 2019 at 11:17 AM
  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.
     
    #17 Divi.Help, Jan 11, 2019 at 7:12 PM
(You must log in or sign up to post here.)