I’ve been through a number of old tickets (some referring to code in avia.js that is no longer there) trying to figure out how to get the mobile menu to appear at 1024. Currently the menu is too long and overlaps the logo.
Also, we would like to keep the text in the icon list no taller than the slider – is there a way to piggy-back off the responsive code used for the slider image and apply it to the icon list text? Ideally this would adjust leading, font size or both to keep the list looking nice and no taller than the slider. It’s OK too if this text drops under the slider image earlier (if that’s easier).
bump?
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1140px) {
.av-main-nav > li > a { padding: 0 7px; }}
Cheers!
Yigit
This didn’t seem to have any effect?
Hi!
Code is not being applied. Do you mind creating a temporary admin login and posting it here privately?
Cheers!
Yigit
OK, I have it working now, converted the > to < :) Thank you!