1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Divi Mobile Bar Plugin (Free)

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

    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  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. AD Beautify your Divi archive / category page with premade design: https://archive.diviultimate.com/
  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. AD Tons of premade layout & section designs + functionalities for your Divi site: https://diviultimate.com/
  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. AD Add tons of new icons for your Divi site. Free version available: https://divi.help/link-forums/divi-icons-pro.147/
  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. AD Tons of premade layout & section designs + functionalities for your Divi site: https://diviultimate.com/
  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. AD Replace all Divi-related branding with your own for your Divi site: https://divi.help/link-forums/divi-ghoster.161/