Home>Support>How to reduce space between menu items with the Unwind theme?

How to reduce space between menu items with the Unwind theme?

I have been trying to figure out how to reduce the space between menu items in the Unwind theme. I’ve found suggestions for other themes to reduce the padding, but I can tell from the CSS editor that what needs to be reduced is the margin, as reducing the padding doesn’t affect that theme’s menu. How can I reduce the margins for all the top-level menu items?

Thanks for this wonderful, clean theme!

Best,
David

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 13 days, 13 hours ago David J. Bookbinder

    Eventually figured it out through trial and error, poking around in the CSS. This does it:

    /* Main menu spacing */
    .main-navigation > div li {
    float: left;
    padding: 2px 35px 0 0;
    position: relative;
    }

  2. 9 days, 7 hours ago Alex S Hi, I Work Here

    Hi David,

    I’m glad you were able to resolve this issue. I’m sorry I wasn’t able to be of assistance this time. Please be sure to post another thread if you have any other questions.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More