Primary Menu Centering or Decrease Font Size

  • Unknown's avatar
    nanasbyrek · Member ·

    I would like to either center the menu so when you are on the desktop version “birthday parties” and “contact” are aligned centered and not to the right. Even a left align would be better.

    BUT I would prefer to just be able to reduce the text size on the primary menu so they appear on one line and not too.

    I have tried this code, but it si not making a difference with the theme I am using. I am using canape

    .text-slider .subtitle {
    font-size: 50px;
    }

    .text-slider .maintitle {
    font-size: 65px;
    }

    if someone could post a code that would work that would be great and also give me any input on if it would affect the mobile version.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    If you have the Premium or Business upgrade http://wordpress.com/plans and use Custom CSS, you can opt to apply custom CSS to a WordPress.com theme.

    Note 1: If you have the required upgrade you can use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can create a thread that will appear in the CSS Forum where you will get the help you need with CSS editing.

    Note 2: You can also post there prior to purchasing an upgrade to get an answer to whether or not what you want to do can be accomplished via CSS editing.

  • Unknown's avatar
    joshron · Member ·

    Hi nanasbyrek,

    Please try out this code. You can change the font-size and text-align to your liking. 

    .main-navigation a {
font-size: 15px;
}
.main-navigation {
    text-align: center;
}
@media screen and (min-width: 1024px)
{
.main-navigation ul {
    text-align: center;
	}
}

    Hope this helps. Thanks!

  • The topic ‘Primary Menu Centering or Decrease Font Size’ is closed to new replies.