Tagged: drop down menu
I am using a rather large monitor, so I have never noticed the issue before, but a co-worker just pointed out to me that my drop down menus run off the page on their monitor and isn’t scrollable so they can’t see the bottom 2 menu options. I have tried “Let logo and menu position adapt to browser window” under header and that did not fix it. I also tried “advanced styling” and set the sub menu level font to the smallest option “10 px” but the boxes behind each button do not change in size, so it does not fix my problem. Please let me know if there is any way to change the size of those. I know that letting the sub menu buttons run horizontally would fix this issue, but I do not like the look of that at all.
Hi pabacker66!
Thank you for using Enfold.
Try to decrease the sub menu padding:
#top #header .avia_mega_div > .sub-menu {
padding: 5px 30px 5px;
}
#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding-top: 5px;
}
Cheers!
Ismael
Hi Ismael,
Thank you for your response. I tried inserting each of those into the “quick css” and nothing changes. I even tried changing the px values to see if there was any difference and still nothing.
Hey!
Do you mind creating a temporary admin login and posting it here privately?
Best regards,
Yigit
Hey!
You didn’t add the second code on the Quick CSS field. Please check it now: http://www.itsallaboutmagazine.com/
Cheers!
Ismael
Looks much better. Thank you for your help Ismael! Enfold is my favorite theme I’ve ever used by the way. And I appreciate the support.