Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #379705

    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.

    #379885

    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

    #380078

    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.

    #380082

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    #380090
    This reply has been marked as private.
    #380622

    Hey!

    You didn’t add the second code on the Quick CSS field. Please check it now: http://www.itsallaboutmagazine.com/

    Cheers!
    Ismael

    #380849

    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.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Edit sub menu background box size’ is closed to new replies.