1. HOT Be a Pro member & access all our premium Divi extensions, including Divi Block, popular Divi Ultimate Header Plugin, etc.LEARN MORE
Dismiss Notice
NEW Divi Login Customizer Plugin - Instantly get a beautifully crafted login page design for Divi site.
View premade login page design
BEST Divi Block - An online drag & drop tool to easily mix & match 417+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks, before / after image slider, promo bar, floating button, logo carousel, content toggle, slide in bar, etc.
Learn MoreTry Free Version

Divi Mobile Bar Plugin (Free)

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

    1. AD Easy-to-use drag & drop interface to mix & match 220+ premade Divi blocks & export as json file:Try Free Version
  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 Robust and extremely customizable carousel module for Divi: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 Power up your Divi sites with tons of new functionalities: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 Bring color & gradient overlays to your parallax & video backgrounds in Divi: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 Robust and extremely customizable carousel module for Divi: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 Display any template saved in the Divi library as a Shortcode: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 Add preloader to your Divi sites easily & it's made with CSS + minimal HTML markup: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 Set awesome default design for your Divi single blog page: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 Power up your Divi sites with tons of new functionalities: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 Subtle image hover effects for Divi sites. Comes with 250+ amazing designs that fill up your day to day needs:Learn More
  19. Sofia G

    Sofia G New Member