1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
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.
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.

    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  1. Divi.Help

    Divi.Help Administrator
    Staff Member

    I tried to use browser console to clone the blurb module & it looks fine to me:

    upload_2020-10-3_16-49-43.png
     
  2. Thanks for your time. I've now figured out that my issue was the cache. I had enabled "Static CSS File Generation" in Divi Theme options - Builder - Advanced. Once I cleared the cache the problem disappeared.
     
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  3. Mace Windu

    Mace Windu New Member

    Hello,

    thank you very much for the great plugin. We are currently equipping https://www.augenlaser-ratgeber.net/augenlasern/weitsichtigkeit/ with it. We use the bar as a CTA for mobiles to guide visitors to a subpage. The integration of the bar on the respective subpage is unnecessary. How can the bar be hidden on the three target pages? Where can I adjust the mouseover colour? Many thanks in advance.

    Best regards,
    Mace Windu
     
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    By using the below CSS in Divi > Theme Options > Custom CSS, you will only show the bottom bar on that page:
    Code:
    body:not(.page-id-216) .divi-help-custom-bar-wrapper {
        display: none!important;
    }
    As for the hover color, it's the Divi hover option: https://www.elegantthemes.com/blog/theme-releases/divi-hover-options-have-arrived
     
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  5. Mace Windu

    Mace Windu New Member

    Hello,

    thank you very much. how do i have to change the whole thing if i want to show it on all pages except the three pages behind the CTA? thank you very much.

    greetings
     
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    For that case, just tweak the below CSS to fit your need.
    Code:
    body.page-id-xxx .divi-help-custom-bar-wrapper, body.page-id-yyy .divi-help-custom-bar-wrapper, body.page-id-zzz .divi-help-custom-bar-wrapper {
        display: none!important;
    }
    Replace the xxx & yyy & zzz to your page ID.
     
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  7. Mace Windu

    Mace Windu New Member

    You are doing a great job. I have used the DIVI Mobile Bar with pleasure for project https://www.augenlaser-ratgeber.net/augenlasern/. Unfortunately the mouseover is still in the red colour. Because I cannot find the place where I can change it. Would you have to enter the code for this? Have a great Sunday, everybody.
     
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's the Divi hover settings.

    Just go to the Blurb module settings > Background & change the background hover color:

    upload_2020-10-25_22-50-9.png
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  9. Halim Ivan

    Halim Ivan New Member

  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Our plugin depends on the default Divi footer hook. Thus, it will only work if you're using the default Divi footer.

    From what I see, you're using Theme Builder to hide the footer & that's the reason it didn't work. Even if you're using Theme Builder to build your custom footer, it will not work as well.
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  11. Halim Ivan

    Halim Ivan New Member

    Hi Team

    I can't adding blurd to 5. Please review attachment

    BR

    Halim Ivan
     

    Attached Files:

  12. Divi.Help

    Divi.Help Administrator
    Staff Member

    Just clone the blurb module & save it. As for the color issue, you will need to clear your Divi static CSS file cache in WP Admin > Divi > Theme Options > Builder > Advanced > Static CSS File Generation > Clear
     
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  13. Onur SARI

    Onur SARI New Member

    Hallo i am new here. first of all it is a great plugin. :) i want to ask if it is possible when i scroll down to make bottom bar like half of its size. thank you
     

    Attached Files:

  14. Divi.Help

    Divi.Help Administrator
    Staff Member

    That would require custom coding of jQuery + CSS.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  15. BrianE

    BrianE New Member

    I love this, thanks so much. Im trying to learn how to make it so I can de-activate it on a landing page, or somehow set it to not show on a Divi page that has a 'Blank template' rather than the default with the header and footer. If anyone has any suggestion or links I could learn for please let me know :)
     
  16. Divi.Help

    Divi.Help Administrator
    Staff Member

    Once you set the page to be blank template, then it should be hidden as well, as it's using the default footer hook.
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  17. Sofia G

    Sofia G New Member

    Hello, i am using a facebook chat plugin and the icon of FB is showing at the bottom of the mobile. I don't see the Divi Mobile Bar anywhere!!!
    My footer.php file is right. I don't know what to do.
     
  18. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  19. Sofia G

    Sofia G New Member