How do I center the main menu?

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

  1. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    I'd like for the main menu to be centered instead of positioned to the left. Please let me know how to do this. Thanks!! The website is www.jacobwilliamswinery.com
     
  2. 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:
    #menu li.current-menu-item a, #menu li.current_page_item a {
    margin-left: 150px;
    }
    Adjust its value as per your requirement.
     
  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 whatever number appears correct in relation to the position on your page...just change the number and refresh your site until you get it to look the way you want - try aroun 250 or 300 depending on the number of menu items
     
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
  6. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    Thanks for your help!
     
  7. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
  8. 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:
    #menu li.current-menu-item a, #menu li.current_page_item a {
    margin-left: 170px!important;
    }

    It will resolve your issue, if not, Then
    Paste this code in Stylesheet (style.css)
    Appearance > Editor > Stylesheet (style.css)
     
  9. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    I just tried pasting it in both, and it still won't work.
     
  10. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Please provide the following information listed below.
    Send this information on our email at [email protected]

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    We will check and resolve your issue.
     
  11. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    I just emailed it. Let me know if you need anything else.
     
  12. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Problem resolved.
    Support mail sent.
     

Share This Page