Hi,
I spent quite a bit of time looking through the forum and found some of what I was looking for but not exactly. What I am trying to accomplish is to have the top menu (secondary menu section) have a blue background and the 2 links in the secondary menu have a green background (or is there a way to have one green and one gold?)
This is what I have so far which looks ok on desktop (link background color is a little off center) but when I shrink the size of the window it adjusts and the format looks weird.
Second question is when I adjust the window size the main menu items go into the logo area, can I adjust when it break out into the mobile menu?
Thanks so much,
Hey jintyes,
Please remove background from your custom CSS code above and add following one
li#menu-item-1120 a {
background: #41c375;
padding: 5px;
border-radius: 5px;
}
li#menu-item-1121 a {
background: gold;
padding: 5px;
border-radius: 5px;
}
Then please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Best regards,
Yigit
Awesome worked perfectly, Thanks