Hi! I would like to change the font size of the Full Page Overlay Menu and Submenu. I tried to use the Advance Style “Menu Links in overlay/slide out, but when I change the font size there, nothing happen on the site. Can you help? Thanks!
Hey Genevieve,
Add the following to quick css and adjust the number to whatever you need:
#av-burger-menu-ul a{
font-size:45px!important;
padding:20px 0!important;
}
Best regards,
Jordan Shannon
Great! This is working! Then now, if I want to keep the submenu smaller than the rest of the menu, what code should I use? And finally, how can I have the rollover menu with another colour (#66cac8) with no transparency? Thanks again!
Hi,
I’m glad that worked. I’m not sure what you mean for the other 2 requests. What do you mean the submenu? Please screenshot. For the last request do you want to change the background of the entire overlay?
Best regards,
Jordan Shannon
Ok, in the link below, I placed a first image that show the original menu, the second image show how it looks now with the code you provided me. Then the third image show what I wish it would looks like. So my submenu “musculation” (there will be more than one eventually) would be smaller, and when you rollover on menu item, they turn (#66cac8) with no transparency. Thanks!
Hi,
Add the following to quick css:
.sub-menu li a .avia-menu-text{
font-size:20px!important;
padding:20px 0!important;
}
.html_av-overlay-full #av-burger-menu-ul li a:hover{
color:#66cac8!important;
}
Best regards,
Jordan Shannon
Perfect!! I added the opacity adjustment (opacity: 1!important;) and it’s exact like I want! Thanks a lot!!
Hi,
No problem at all. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon