Tagged: menu link, sticky header, wp mega menu
-
AuthorPosts
-
June 3, 2019 at 4:35 pm #1106745
Hi!
I’m triying to include a css code that set a different color for menu links when it is showing the sticky header at the home (only want to show it at the frontpage. At this moment it shows the colour #ffffff, that it is set for the regular menu in the frontpage). I am using an external plugin for the menu (WP Mega Menu Pro). I know that the issue may be at the css code, but I can’t specify where the problem is. The code I am using is:
For regular menu view:
body.home.wpmm_megamenu .wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme ul.wpmm-mega-wrapper > li > a { color: #ffffff; font-size: 16px; font-weight: none; font-family: 'Open Sans', sans-serif; text-transform: initial; text-decoration: none; }
For sticky menu:
body.home .header-scrolled .wpmm_megamenu .wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-default-theme ul.wpmm-mega-wrapper > li > a { color: #444242; }
Thanks in advance for your help!
June 4, 2019 at 5:26 am #1106923Hey AbraliaSocial,
I’m not sure exactly what you need help with?
Best regards,
RikardJune 4, 2019 at 10:54 am #1106982Hi!
Sorry for the before explanation. I’ll try to explain it again.
The issue happens at the homepage only. In this page we have a menu that shows links in white colour and transparent background. When you go down across the page and the menu get fixed at the top, the background sets to white and – here is the problem – the links that are set on white are not visible. In the other pages of the site, the background of the menu is white and the links are showing in dark grey at the fixed menu.
We use a plugin for the menu (WP Mega Menu) and we set the css manually to make the menu in homepage view different (css code show in previous post) as the other pages: the menu in homepage show the links in white and it’s showing in dark grey in the other pages.
Now we need help with the next step: is there a css code to apply colour link changes when the menu is set fixed? We want to make links appear in dark grey colour (#444242) when the menu get fixed at the top in the frontpage.
Send you some screenshots to help:
Menú vs Fixed Menu in frontpage
https://drive.google.com/file/d/1pusoSPTjjAvmyds-E-R_xMjw8Buv_08c/viewMenu vs Fixed Menu in the rest of pages
https://drive.google.com/file/d/1cX11dg2eO2BNGS2FXwUR5jxeXbnkabnB/viewAt the private content box, we send you an user and password to access backend if is neccessary.
Best regards,
ÓscarJune 5, 2019 at 3:26 am #1107328Hi,
Thanks for the clarification, you should be able to target the menu items after full scroll using this CSS:
.header-scrolled-full #wpmega-menu-avia .wpmm-mega-menu-href-title { color:#000 !important; }
Best regards,
RikardJune 5, 2019 at 10:04 am #1107455Hi Rikard,
I thank you for the fast response.
I pasted the code with ‘.header-scrolled-full’ and it work perfectly.Issue solved. Thanks!
Best regards,
ÓscarJune 5, 2019 at 1:49 pm #1107560Hi Óscar,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.