-
Posts
-
I have hid the top menu on my site and instead am going to use a full-width sub menu just under the full width slider images. I have not been able to successfully enlarge the font of the links in the full-width sub menu?
I also want the links to underline on hover and I need to be able to adjust the colors of the background and text color/font of the drop down portions. Please advise.
Thank you!Hey Moondreamer21,
Add this to quick css:
#menu-top-nav-menu li a{ font-size:18px!important; } #menu-top-nav-menu li a:hover{ border-bottom:1px solid #fff!important; }Best regards,
Jordan ShannonThanks!
When I set the background color in the general – styling for the alternate section, it will make the background of my dropdown links a darker color, but it also makes the a dark background around the actual links in the menu… is there a way I can get the background color of the drop downs only? I’ll add my site link to show an example.
Hi,
Try adding this to quick css:
#menu-top-nav-menu li a{ background:transparent!important; }This should work.
Best regards,
Jordan ShannonHi,
Add this to quick css:
#top .alternate_color .mobile_menu_toggle{ background:transparent!important; }Best regards,
Jordan ShannonGreat, thanks – we’re making progress!
On the mobile menu when it drops down, the text turns the same color as the background and isn’t visible on the selected links. How can I make all text links there on that mobile menu white even when they are hovered/clicked?Hi,
Add this to quick css:
#menu-top-nav-menu li a:active{ color:#fff!important; } #menu-top-nav-menu li a:link{ color:#fff!important; }Best regards,
Jordan ShannonHi Moondreamer21,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaHi Moondreamer21,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaI come across another issue with my menu. It seems on tablet size devises that the last link gets lowered into the white main content area and can no longer be seen. I’d prefer to have have to use the burger menu on all tablets, is there some custom css to make the entire menu fit on those devices?
Sorry I mis-typed above, I meant to say that I’d prefer to not have to use a burger menu on tablets if possible?
Hi Moondreamer21,
There is no room for the links that you have in the menu on the tablet and so the menu has to turn to burger.
Here is the code to adjust the header a bit, you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) and (max-width: 1024px) { .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 0 !important; } } #header.header_color { background: transparent url(//www.new.barrelracingtips.com/wp-content/uploads/2018/07/logoareabg.png) top center no-repeat scroll; }If you need further assistance please let us know.
Best regards,
VictoriaIs there a way to put a little less spacing between the links in the nav menu so it’s shorter and will all fit into one line on a 1024 screen?
I would prefer not to use a burger menu on tablets.
It’s a ‘full-width sub menu’ I added in the actual page.
Hi Moondreamer21,
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
@media only screen and (min-width: 768px) and (max-width: 1100px) { #top .av-subnav-menu > li > a { padding: 0px 4px 0px 6px; } .container.av-menu-mobile-active.av-submenu-hidden { max-width: 100%; } #menu-top-nav-menu li a { font-size: 14px!important; } }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.