What is the best way to customise and style a menu created using Avia Layout Builder > Content Elements > Full-Width submenu ?
Specifically, I would like to edit the background color, font size, and color and the behavior for an active link and on hover. I have attached the link to the page below.
Hi hingex,
You have the Menu Colors options in the element options, or do you want some other look? If so we can give you CSS for that.
Thanks,
Rikard
What do you mean by menu color options in element options ? My question is fairly detailed, yes/no?
Hi,
use this code inside Quick CSS field:
#top .av-subnav-menu li a {
background-color: red;
color: blue;
font-size: 10px;
}
The same for hover:
#top .av-subnav-menu li a:hover {
background-color: red;
color: blue;
font-size: 10px;
}
Best regards,
Andy
Thank you Andy