Primary Menu Centering or Decrease Font Size

  • Author
    Posts
  • #3093505

    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 nanasbyrek.com.

    #3093754

    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.

    #3093763

    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.