Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 28, 2016 at 1:33 am #639578
    mmsdev

    Hi.

    I am setting a page to have a transparent header and all works ok, however the top menu does not have any settings to apply so that it is a different colour like the main menu does..

    So when this page is transparent the main menu items are white as set here..

    Trans

    However the top menu items are black and they also need to white, If i change them to white in the top menu settings then when you scroll down you cant read them on the white header..

    May 28, 2016 at 1:40 am #639585
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    May 28, 2016 at 1:41 am #639588
    mmsdev

    Wow that was fast Its on a demo server

    May 28, 2016 at 1:44 am #639591
    Josue

    Some code in your style.css is overwriting the submenu coloring:

    .sub_menu > ul > li > a, .sub_menu > div > ul > li > a {
color:#000 !important;
font-size:13px !important;
font-weight:normal !important;
}

    Default value should be color: inherit;.

    May 28, 2016 at 1:45 am #639593
    mmsdev

    Sorry so what should i do? Im not so good with this..

    May 28, 2016 at 1:50 am #639596
    Josue

    Remove color:#000 !important; from that snippet.

    May 28, 2016 at 1:54 am #639597
    mmsdev

    Ok i just did that but have a look now,

    The first 3 menu items are now white but are light grey when not on a transparent menu / scroll down.

    Im not sure whats going on here they should be black on the white back ground and white on transparent..

    May 28, 2016 at 2:11 am #639604
    Josue

    Remove color:#000 !important; from:

    #avia2-menu li:nth-child(4) a,#avia2-menu li:nth-child(5) a,#avia2-menu li:nth-child(6) a {background-color: transparent !important;color:#000 !important; padding: 0px !important;font-size:13px !important}

    And:

    #header .phone-info.with_nav > span {  color: #000 !important;
  font-size: 13px !important;
  font-weight: normal !important;

}
    May 28, 2016 at 2:15 am #639605
    mmsdev

    Changing but not close,

    Please see again..

    May 28, 2016 at 2:23 am #639607
    Josue

    Looks good to me, the phone color is not changing because the color: #000 !important; it’s still set there in style.css.

    May 28, 2016 at 2:32 am #639610
    mmsdev

    In safari and chrome it looks like this scroll down the white header is wrong..

    3 items are light grey and the rest are white and cant be seen..

    • This reply was modified 8 years, 6 months ago by mmsdev.
    May 30, 2016 at 7:32 am #640156
    Vinay

    Hi,

    I see all the links show up fine on chrome please check the screenshot attached. You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Vinay

    May 30, 2016 at 3:41 pm #640460
    mmsdev

    There was some conflicting code in the style.css

    SOLVED Many thanks –

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Transparent Top menu’ is closed to new replies.