Reduce spacing in navigation bar

  • All the links to my pages are being spaced out a bit too much, that the navigation bar using a PC takes up a lot of space at the top of the website. How can I reduce the spacing between each of the lines, to compress the box a bit?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • To decrease the spacing between the menu elements, you can adjust the line height.

    Your current line height is 70px. Reduce it upto 40px.

    CSS to be changed:

    Current: 

    .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
line-height: 70px;
}

    Updated: 

    .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 40px;
    }
    Thread Starter cj21

    (@cj21)

    Thanks for your reply. I think I need a dummies guide for this! I can’t seem to find where I go to change the CSS!

    In Backend unter Appearance > Customizer > Additional CSS. Or you follow this article from the developers of your theme: https://wpastra.com/docs/adding-custom-css-code/

    Thread Starter cj21

    (@cj21)

    Great, thank you, done it ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reduce spacing in navigation bar’ is closed to new replies.