1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
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.

    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs: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 Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  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 Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects: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.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  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 - Agency Divi layout pack featuring unique comment design on single blog post page: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 - Premade mega menu design for your Divi site without using any plugins:View Demo
  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 Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site: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 Block Pro - Premade testimonial carousel design for your Divi site without using any plugins: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 Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site: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 Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  19. Sofia G

    Sofia G New Member