Home Forums Exoplanet Header Menu fitting

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #9032
    phaenis
    Participant

    Hello! I am using the Exoplanet theme with pleasure, but since I got too many categories in my header menu it displays them in two rows even if it seems to be enough space to fit them in one row.

    Is there a way to customize the theme so it all can be fitted in one row?

     

    Thank you in advance!

    #9039
    Andy
    Keymaster

    You could change the font size for the menu items.
    18px is the standard size. Change it to a smaller value – 17px or 16px – and see if the full menu will then fit on one line.

    .main-navigation a {
        font-size: 18px;
    }

    Or change the space between each menu item.
    10px is standard. Change it to a lower value.

    .main-navigation a {
        margin-left: 10px;
        margin-right: 10px;
    }

    To add this custom CSS code, go to Appearance > Customize > Additional CSS and write/copy it there.

    #9040
    phaenis
    Participant

    Thank you very much Andy

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.