Tagged: header
Hello.
I’m stuck on an issue regarding the main nav in the header. when the window condenses or is viewed on an ipad the menu wraps and interferes with the logo.
Any ideas how I can resolve??
Many thanks
Hey storm-dc!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1140px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 6px; }
.logo img { width: 60%; }}
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 87%;
height: auto !important; }}
Then, Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Best regards,
Yigit
Thanks for your reply, looks like its worked!
Great support as usual!
Cheers