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 Team

    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 read the available documentation and search the forums before posting.

    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.