Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #18727

    I have quite a deep menu structure, and it’s not displaying well on smaller screens. I’ve been hunting through the css trying to find how to cleanly reduce the height of the sub-menu items, but haven’t found the right code, can anyone help?


    Hi dngood,

    Try to add this code on Quick CSS (Flashlight > Styling) or the custom.css file (located in the css folder of your theme’s folder):

    ul.sub-menu li a {
    padding: 0 !important;

    Hope this helps. :)




    Thanks that worked great, although FYI, adding it to the Quick CSS area didn’t work, but changing adding it to my child themes’ style.css file did,

    Thanks again,



    Hi David,

    Sorry I didn’t notice that you used a child theme for that. Anyway, Glad we could help. :)




    That’s OK; I didn’t say! Thanks for your help.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Reduce height of sub menu items’ is closed to new replies.