Sub menu

  • Hello,
    I am struggeling to change the colour of the sub menu that is attached to the sticky header. I mean when i land on the homepage all is well. Header is transparent, drop down menu is white with black and on hover over the font becomes white and the background black. I can change all these in the settings under menu-colours.
    BUT: the moment i scroll down and the sticky header kicks in things get nasty:
    the main menu is fine: white with black font. But once the sub menu opens it is black and the font grey. On hover the background changes to grey and the font to white.

    I found no settings to adjust that. I tried a million CSS codes in the custom CSS section but nothing ever changes. I am starting to think that it just ignores the custom CSS. Help me please!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author MageeWP

    (@magictheme)

    The background color of the sticky header can be changed,
    Go to Onetone Options, in the Onetone Options-> Styling-> Background Colors,
    Sticky Header Background Color option to change the sticky header background color,
    Sticky Header Background Opacity used to change the transparency.
    Hope it helps you.

    Theme Author MageeWP

    (@magictheme)

    in the Onetone Options-> Styling-> Main Menu Colors,
    Main Menu Background Color ( Sub Level ) option to change the sub menu color.

    Thread Starter lilenka

    (@lilenka)

    Thank you for the replies. That was not my problem though and i had already tried the Onetone Options-> Styling-> Main Menu Colors.

    The menu options dont change the drop down menu while scrolling. Anything added in custom CSS didnt work either. We now changed it in the real style sheet and it works. But the fact that when scrolling and the sticky header kicks in, the original style sheet kicks in again is not ideal i think.

    Theme Author MageeWP

    (@magictheme)

    Hi @lilenka,

    Try adding the following custom css code

    Set sticky header font color:

    .fxd-header .site-nav > ul > li > a {
    color: #3d3d3d !important;
}

    Change #3d3d3d to your color.

    Set drop down menu background color：

    .site-nav  ul.sub-menu {
    background-color: #000 !important;
}

    Change #000 to your color.

    Set drop down menu font color：

    .site-nav  ul.sub-menu li a {
    color: #fff !important;
}

    Change #fff to your color.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sub menu’ is closed to new replies.

Tags