I am having an issue with changing size and color of main menu links. I must have some clashing data – I did make changes to advance styling and have no CSS for this. Yet changes will not reflect. I have cleared cache, purged it as well in addition to a new browser.
Hey pamk21,
Thank you for the inquiry.
We discovered an invalid CSS rule in the Quick CSS field that was causing the dynamic stylesheet to malfunction. We made some adjustments to the CSS and as a result, the configurations in the Advanced Styling panel are now being properly applied.
Best regards,
Ismael
Hi,
No worries. The problem was located in the following CSS media query in the Quick CSS field, where a closing curly brace was missing.
@media only screen and (max-width:767px) {
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
font-size: 20px;
}
#footer a {
color: #ceb0ff !important;
}
/* Submenu links */
#top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .sub-menu a {
color: #ffffff;
}
#top #header_main #av-burger-menu-ul {
vertical-align: top;
padding: 100px 0px !important;
}
}
Best regards,
Ismael