1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
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. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Menu item background hover colour change not working no. 6

Discussion in 'Basic Support Forum' started by Liz England, Jul 25, 2019.

Page 1 of 2
  1. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Hi, how do you change the hover background so it changes (as it does red to white on demo)? I've changed the CSS to the colour I want, but nothing happens; it just does the slightly fainter text as per Divi's usual uninspiring style. Thanks.
     

    Attached Files:

    #1 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You can change the menu hover color in Theme Customizer > Divi Ultimate Header Plugin > Header & Navigation Styling > Menu Hover Color

    **You will need to first choose a menu hover style. Then only select the hover main color & hover text color that you want.
     
    #2 Divi.Help Pro Support, Jul 25, 2019
  3. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Thanks - so which is there a demo of the three different styles anywhere? They don't show up in the customizer preview. Which is no 6?
     
    #3 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  4. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    I have tried all three styles - nothing happens
     
    #4 Liz England, Jul 25, 2019
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I guess it's because you created a new menu module for that. The premade one has some CSS Class in it.

    Try to go to your Menu module settings > Advanced > CSS Class & add free-header-menu
     
    #5 Divi.Help Pro Support, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  6. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    It already had a class - see attached - changed it to what you said, and still nothing
     

    Attached Files:

    #6 Liz England, Jul 25, 2019
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
    #7 Divi.Help Pro Support, Jul 25, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  8. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Can I do this privately?
     
    #8 Liz England, Jul 25, 2019
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly check your PM.
     
    #9 Divi.Help Pro Support, Jul 25, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    From what I see, your menu module doesn't have this CSS Class: free-header-menu

    Kindly double check it again. Make sure your editing your selected custom header.
     
    #10 Divi.Help Pro Support, Jul 25, 2019
  11. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Oh Class, doh, I'd put it in id. That works - thanks
     
    #11 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  12. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Only now the menu has gone on top...
     
    #12 Liz England, Jul 25, 2019
  13. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I believe you accidentally move the menu row to the top.
     
    #13 Divi.Help Pro Support, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  14. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    So I did ;) Thanks
     
    #14 Liz England, Jul 25, 2019
  15. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Hi, How do I stop everything overlapping before the break point? It doesn't on the demo; although there are fewer menu items on that, but I don't have that choice!
     

    Attached Files:

    #15 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  16. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    ======EDITED AGAIN=======

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #16 Divi.Help Pro Support, Jul 25, 2019
  17. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly refer to the updated CSS above. Edited some CSS.
     
    #17 Divi.Help Pro Support, Jul 25, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  18. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    My bad. Kindly refer to the updated CSS above again. It should work now.
     
    #18 Divi.Help Pro Support, Jul 25, 2019
  19. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Perfect, thanks
    Could you possibly give me code for the top line too??
     
    #19 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  20. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It seems like there's issue during sticky. I updated the CSS code to fix that as well.

    By the way, which top line are you referring to?
     
    #20 Divi.Help Pro Support, Jul 25, 2019
(You must log in or sign up to post here.)
Page 1 of 2