-
Posts
-
Hello
I’m working a new site and have managed to style the secondary menu background (black for now, just to test) and height but can’t seem to get the menu items to show up. I’ve set the test home page to hide the menu until scroll, and I see the black background on scrolling but no menu items. I stripped out my child theme css but still nothing. Please advise and thank you in advance :)
Hey webWahine,
You are running old versions of both the theme and WordPress, please try updating: http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
RikardHi Rikard
I updated everything but it’s still not showing up – the text is missing in the secondary menu. If I switch back to a text based main menu then it shows up but oddly I’ve tried to style it have one button set as bordered or coloured but it’s not making that change either. Please advise and thanks again. I have a deadline on this so as soon as possible, please :)
Hi webWahine,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.html_burger_menu_active #avia2-menu .menu-item { display: block; }If you need further assistance please let us know.
Best regards,
VictoriaThanks, Victoria – the menu text is now showing up but I have set one menu item to be ‘colored’ and it’s not seeing that. I’ve tried a bunch of things but I’m not quite getting it right – here’s what I have tried (the register button is item 114) – please let me know how to target item 114 properly. Thanks again! :)
/* register button */ li#menu-item-114 > a > .avia-menu-text { color: orange!important; background-color: red!important; border: 1px solid #ff3300 !important; } /* register button */ li#menu-item-114 .av-menu-button-colored > a .avia-menu-text { border: 2px solid #ff0000 !important; } /* register button */ #top .avia-slideshow-button.avia-color-light { font-size: 22px; line-height: 22px; border-radius: 0px; border: 2px solid #c8bea0 !important; padding: 12px 18px; background-color: rgba(0,0,0,0.6); }Hi,
The item actually appears to be 115. Please try the following:
.menu-item-115 a .avia-menu-text{ color:orange!important; }Best regards,
Jordan ShannonNot sure why the link didn’t work – here you go –
Hi,
Unfortunately, from the link above I’m still seeing 115. That’s why the css above worked for me:
Best regards,
Jordan ShannonOh, that is so weird! I did try your code using 115 but it didn’t work – maybe there’s something going on with browser incompatibility? I’m on a mac and inspecting using firefox.
Hi,
The id or class are usually static as to make sure it’s read and treated the same all around. Did you try adjusting my css to 114?
Best regards,
Jordan ShannonOk, now I see that we are looking at two different items – I was referring to the register menu item in the secondary menu, not the main menu. If you look at my image you can see that it was 114. It’s ok though because the client wanted the burger and the register button on the same band so instead of using a text menu I removed the logo and replaced it with an svg that says ‘register now’. Thanks for your help :)
- The topic ‘Secondary menu items not showing with hamburger mobile menu’ is closed to new replies.