WordPress.org

Forums

Deux Milles Douze
[resolved] How to edit the navigation bar in Twenty Twelve Child Theme (5 posts)

  1. joesladiesshoes
    Member
    Posted 2 years ago #

    I'm having trouble figuring out how to edit my navigation bar so that everything fits in one row (instead of the wraparound that creates a 2nd row in my main nav bar).

    I'm using Twenty Twelve Child Theme.

    http://www.joesladiesshoes.com">
    http://www.joesladiesshoes.com

    Thank you so much!

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Find this in your CSS file and change the margin to this:

    .main-navigation li {
        border: medium none;
        margin: 0 0.5em;
    }
  3. joesladiesshoes
    Member
    Posted 2 years ago #

    That was such an easy fix - thank you so much! I may have a couple more problems to add shortly. I'll start a new thread.

  4. joesladiesshoes
    Member
    Posted 2 years ago #

    Resolved! :-)

  5. cflprinclub
    Member
    Posted 2 years ago #

    Hello! I am having the same problem. I tried the above code but it did not work for me. Here is the code I have now.

    }
    .main-navigation li {
    border: medium none;
    margin: 0 0.5em;
    font-size: 24px;
    font-size: 0.857142857rem;
    line-height: 1;
    }

    Here is the site: http://christiansciencewinterpark.com/

    I am trying to get the words on the menu bar on one line and also increase the font size of the menu bar. Any help would be great.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic