1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
HOT Divi.Help Pro One-Page Layouts - Beautifully crafted Divi layouts for you to kick start Divi sites.
View All Pro One-Page Layouts
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

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 Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  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 Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  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 Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins: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 Block Pro - Premade mega menu design for your Divi site without using any plugins: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 Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  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 - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  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 Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  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 Header AI Generator - Try the power of AI to generate a custom Divi header 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 Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  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