reduce the space between menu items

  • Author
  • #102139

    Is there a way to reduce the space between menu items? (page titles)

    I have a lot of things going on up there and it doesn’t appear very good on mobile devices. The whole menu is pushed lower, into the way of a slider.

    The problem is fixed when I remove the search, so I know that if I could just push the menu items just bit closed to each other, the issue would be gone.

    Cryout Creations mastermind

    Try this CSS:

    body #access a {
        padding-left: 1em;
        padding-right: 1em;

    Adjust the value as necessary.

    If you like our creations, help us share by rating them on
    Please check the available documentation and search the forums before starting a topic.

    thank you, that worked.

    For some reason though it only works if I put it in Appearance > Customize > Additional CSS.

    It doesn’t work when I put it in the style.css of the child theme.

    This is my child theme style.css

    I tried this code at the bottom but it didn’t work.

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

The topic ‘reduce the space between menu items’ is closed to new replies.