Livemesh Support

Support forum for WordPress Themes and Plugins by LiveMesh

Skip to content
  • Support Forums
  • Knowledge Base – FAQ
  • Register for Support
  • Login
  • Password Reset

Custom navigation colors (or class) for Overlay effect

Support Forums for LiveMesh Themes & Plugins › Forums › Fusion Theme Support › Custom navigation colors (or class) for Overlay effect

Tagged: light, logo, menu, nav, overlay

  • This topic has 4 replies, 2 voices, and was last updated 7 years, 1 month ago by VeenaVeena.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 16, 2015 at 1:11 am #18120
    Eddiepmonarkeddiepmonark
    Member

    Hi there,
    I’d like to be able to have either a class on the same primary menu so I can do the following through the custom CSS or a way to do it without that using the theme’s tools if possible.

    Since there is an option for Overlay in Header Type, (and this removes the background color from the header only right?), I’d like to be able to make the PRIMARY NAV a light color when I have a dark background/revolution slider behind it especially when there is the option for a LIGHT COLORED SITE LOGO IMAGE so how can I do this please?

    December 16, 2015 at 6:20 am #18121
    VeenaVeena
    Moderator

    You can use the below custom CSS in themeoptions –

    #primary-menu > ul.menu > li > a {
        color: #F2F3F4;
    }
    #primary-menu > ul.menu > li > a:hover {
        color: #95C0EB;
    }
    
    December 16, 2015 at 7:35 pm #18128
    Eddiepmonarkeddiepmonark
    Member

    You were right about that but it wouldn’t work if I had a white color for the links since it would stay white on the white background when you scroll so here’s what I did and it works perfect. Sharing it for others 🙂

    .header-overlay #header:not(.sticky) #primary-menu ul.menu li a { color: #ffffff !important; }
    .header-overlay #header:not(.sticky) #primary-menu ul.menu li a:hover { color: #fbb12a !important; }
    December 16, 2015 at 7:39 pm #18130
    Eddiepmonarkeddiepmonark
    Member

    and this would also take care of the dropdown nav

    
    .header-overlay #header:not(.sticky) #primary-menu ul.menu li ul li a { color: #aaaaaa !important; }
    December 17, 2015 at 2:21 am #18133
    VeenaVeena
    Moderator

    Glad you resolved it and thanks for sharing with us.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom navigation colors (or class) for Overlay effect’ is closed to new replies.

Our Themes

Tags

  • agile
  • appdev
  • austin
  • blog
  • contact form
  • css
  • demo
  • error
  • extinct
  • font
  • fonts
  • footer
  • gallery
  • header
  • home page
  • icons
  • images
  • install
  • installation
  • invent
  • lightbox
  • logo
  • menu
  • mobile
  • navigation
  • page sections
  • peak
  • portfolio
  • primary menu
  • responsive
  • revolution slider
  • setup
  • shortcode
  • shortcodes
  • sidebar
  • slider
  • social icons
  • tabs
  • testimonials
  • theme
  • update
  • video
  • visual composer
  • widget
  • woocommerce
Proudly powered by WordPress