How to space out header links?

  • Resolved jbrook92

    (@jbrook92)


    9 years ago

    Hey I’ve spent a while looking for the answer to this but none of the others answers seem to work with my issue. Using the Tesseract 2 theme and want to space out the navigation links in the header across the page so it looks better. Website is https://www.pantsdownunder.com. I’ve tried adding a few bits of custom css found in other answers but they didn’t work, any help would be greatly appreciated as almost finished my homepage!

    Thanks

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

    (@matt4356)

    Hiya! What are you trying to do with your buttons, what code have you tried, and how didn’t it work?

    Thread Starter jbrook92

    (@jbrook92)

    Hey nothing with the buttons, trying to space out the navigation links in the header so their spread across the page instead of just being aligned left or right. I’ll paste the code I tried from other answers and they didn’t work because the links didn’t change position at all even after editing the px.

    .header_links_menu li {
    padding-right: 15px;
    }

    Can’t find the other 2 now but they were quite similar to this ??

    Thread Starter jbrook92

    (@jbrook92)

    Hey just figured it out. If anyone is having the same problem add a custom CSS style to each of your pages on your menu editing page e.g. home-menu then add the custom css below, changing px to whatever you want. Thank you for the reply matt4356 ??

    .home-menu { margin-right: 100px; }

    Thread Starter jbrook92

    (@jbrook92)

    Explained a little better here
    https://premium.wpmudev.org/blog/wordpress-white-space/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to space out header links?’ is closed to new replies.

Tags