-
AuthorPosts
-
May 28, 2016 at 1:33 am #639578
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..
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 #639585Hi,
Can you post the link to your website please?
Regards,
JosueMay 28, 2016 at 1:41 am #639588Wow that was fast Its on a demo server
May 28, 2016 at 1:44 am #639591Some 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 #639593Sorry so what should i do? Im not so good with this..
May 28, 2016 at 1:50 am #639596Remove
color:#000 !important;
from that snippet.May 28, 2016 at 1:54 am #639597Ok 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 #639604Remove
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 #639605Changing but not close,
Please see again..
May 28, 2016 at 2:23 am #639607Looks 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 #639610In 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, 7 months ago by mmsdev.
May 30, 2016 at 7:32 am #640156Hi,
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,
VinayMay 30, 2016 at 3:41 pm #640460There was some conflicting code in the style.css
SOLVED Many thanks –
-
AuthorPosts
- The topic ‘Transparent Top menu’ is closed to new replies.