1. HOT Add more varieties for your Divi header (12 premade styles): https://header.diviultimate.com/
NEW Divi Block - Online drag & drop tool to easily mix & match 320+ premade Divi blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, footer, etc. We also added NEW special module designs, such as Before & After Image Slider, Masonry Gallery, Promo Bar, Logo Carousel, etc.Try Free Version

Divi Mobile Bar Plugin (Free)

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

    1. AD The ultimate Divi responsive toolkit to make your website look and function great on all devices: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. AD A versatile multipurpose plugin with lots of modules to design & customize different aspects of the Divi theme: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. AD Create awesome masonry galleries with Divi Masonry Gallery: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. AD Display any template saved in the Divi library as a Shortcode: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. AD Set awesome default design for your Divi single blog page:Learn More
  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 A powerful & highly customizable Divi blog layout plugin with Archive & Custom Post Type support: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. AD Tons of premade layout & 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. AD Add preloader to your Divi sites easily & it's made with CSS + minimal HTML markup:Learn More
  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. AD 45 pre-designed modern and responsive Divi Blog Module with eye-catching design: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. AD Easy-to-use drag & drop interface to mix & match 220+ premade Divi blocks & export as json file:Try Free Version
  19. Sofia G

    Sofia G New Member