How to add space in main navigation

Viewing 4 replies - 1 through 4 (of 4 total)
  • Matt Knowles

    (@aestheticdesign)

    To add more space to the individual menu items:

    .menu-item {
    margin: 0px 20px 0px 20px;
    }

    Adjust the margin value to your taste.

    Did you want to move the logo left too, or just the menu?

    A good skill to learn is to use your browser’s developer tools. That will help you pinpoint what CSS code is affecting the element you want to change.

    Thread Starter yehaahomer

    (@yehaahomer)

    I would like to move the menu too if I can,

    I would love and need to learn more. if you could advice me a good place to learn, that would be appreciated.

    Thank You

    Thread Starter yehaahomer

    (@yehaahomer)

    *logo not menu

    Matt Knowles

    (@aestheticdesign)

    To move the logo and menu try something like:

    #site-banner-left {
    padding-left: 50px;
    }

    I use the Safari browser. It has a Develop menu you can turn on. Then you can right click on an element on a page and choose Inspect Element, and it will pinpoint the CSS that affects that element. Chrome and Firefox have similar features, best to check the support area for whatever browser you’re using.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to add space in main navigation’ is closed to new replies.