Primary Menu Centering or Decrease Font Size

  • Author
  • #3093505


    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



    If you have the Premium or Business upgrade and use Custom CSS, you can opt to apply custom CSS to a theme.

    Note 1: If you have the required upgrade you can use this link 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.



    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.