Menu Bar - crystal0811

Discussion in 'Squirrel WordPress Theme' started by crystal0811, Dec 20, 2012.

  1. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    How can I make the menu bar centered instead of positioned to the left?
    Also, how can I increase the font size in the menu bar.
    Thanks

    www.gorgeholisticliving.com
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    #menu li.current-menu-item a, #menu li.current_page_item a {
    margin-left: 170px;
    }
    Adjust margin-left according to your menu tabs.
     
  3. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    I pasted the code in the Custom CSS, but I'm not sure what you mean by adjust margin-left according to your menu tabs.What exactly do I adjust and how?
     
  4. anthony1

    anthony1 New Member

    Joined:
    Dec 26, 2012
    Messages:
    7
    Likes Received:
    0
    adjust the "170px" to around 250px and you will see the menu move after you refresh your website - just keep changing it until it looks right for the number of menu items - just check it on different browsers though eg Ipads etc as it may not be centered because of the screen size - Nitesh might be able to answer that better than me
     
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    @media only screen and (min-width: 768px) and (max-width: 960px) { 
    #menu li.current-menu-item a, #menu li.current_page_item a {
    margin-left: 70px;
    }
    }
     
  6. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    I thought I was able to center the menu bar, but just noticed it's only centered on the home page. How can I fix it to be centered on every page? Thanks!
     

Share This Page