Hey,
I noticed that your submenus are quite big and having the padding so big around the submenus area isn’t ideal. Changing the behavior of the submenus will require the assistance of a developer, however, a quick workaround this would be to reduce the padding for the submenus. Here’s the CSS code that you can use in Customize > Additional CSS field:
#page .main-navigation ul.sub-menu li a {
padding-top: 10px;
padding-bottom: 10px;
}
I hope this helps!
Cheers
Thank you so much Robert for you help, what a difference that change has made! Thanks again for your time.
Hi @juliakillip,
I’m happy to hear that Robert’s solution worked for you.
I’ll go ahead and mark this post as resolved. If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you there. Thanks!