Drop down menu

Hey Elliott! Thanks!

1. OK got it ;) thank you! And now drop down menu displays correctly (regarding the line-height issue I had before). I have just added a ‘margin-top -31px’ to the drop down menu (to ‘balance’ with the ‘top 31px’ added for main menu following your advice).
BUT THEN OTHER ISSUE… sorry!! : this has an impact on sticky fullwidth submenu (see “nous connaitre” page) -> as invisible parts of main menu come over the fullwidth menu nav… it it very hard to correctly select items of sticky fullwdith menu… :(( How can this be fixed ?

2. COLORS : Yes I know it is supposed to be easy ;) Thanks for your help & time. I had tried that… but see, I just went back in ‘Advance Styling’, re-change your colors to put mine. It’s doing great indeed for ‘font color’ (gray #919191 in main menu links and sub level links). But as soon as I want to ‘enter’ the hover color (checking the “Apply only to mouse hover state” checkbox) -> #00c472 -> here is what happens : I refresh -> go to the site -> hover is indeed #00c472, but my gray #919191 has been changed into a “pale green”!! This is what drove me totally crazy since the beginning! :) And this is why at the time I had finally given up with these Advance Styling options. At this stage I took of the “hover color” info (as it’s messing up everything) but I left the gray color for main menu links & sublevel links. I must be completely dum…, but would you mind going back into my admin and try yourself to enter #00c472 as “hover” color (for both main menu links & sublevel links) and then see what happens on my “gray” when going back to the site?

Thank you again & sorry for being “so long” in my explanations…

Cheers!
Marie

• This reply was modified 10 years ago by Marie.

Hi!
Thank you Elliott! I feel so confuse I hadn’t get I had to “call” for “another window” again…
It’s working now, but I’d like the selected item to stay green… does this can be fixed in the Advanced styling also?

And for drop down menu I’d like “no uppercase/letter-spacing” but I have this following code in my css. How can I keep it for main menu (and sticky full width menu) but change it for drop down menu?

/* Font style in Menu */
.avia-menu-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}

Thanks a lot!
Cheers!

Marie

Hey!
Sorry I’ve tried but without success. Can you be more specific please?
Thank you.
Cheers!
Marie

/* General Font style in Menu */
.avia-menu-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}

/* Menu font color for current-menu-item #00c472 */

/* Font style for dropdown menu / text-transform none / letter-spacing none */

Update

Finally solved for main menu item color but then…
– the first item (link to anchor) of fullwidth also turning green (page nous connaitre) though the others do not…
Thanks to tell me how I can target colors for the fullwidth menu (current items).
– on another hand, on page “patients” (which is a link not a page) -> when you go to subpages -> “patients” is not green. I understand it’s not really the “current item” but is there a way to have it green still ?

For drop down menu style adjustments, I still can’t make it…

Important : I need to know how to target specifically “main menu” / “drop down menu” / and “fullwidth sticky menu”
Thanks a lot.
Cheers!
Marie

/* General Font style in Menu */
.avia-menu-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}

/* Menu font color for current-menu-item #00c472 */
.current-menu-item > a .avia-menu-text { color: #00c472 !important; }

/* Font style for dropdown menu / text-transform none / letter-spacing none */
.sub-menu-item a .avia-menu-text { 
text-transform: none !important;
letter-spacing: 0px !important; 
}