Center top menu bar

Discussion in 'ColorWay WordPress Theme' started by kaocoaching, Oct 17, 2013.

  1. kaocoaching

    kaocoaching Member

    Joined:
    Jan 8, 2012
    Messages:
    34
    Likes Received:
    1
    How do I center the top menu bar across the top? The Home, About, etc?
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    #menu .ddsmoothmenu {
    float: none;
    text-align: center;
    margin-top: 10px;
    }
    #menu .ddsmoothmenu li {
    float: none;
    }
    #menu li a{
    float: none;
    }
    You can adjust the value of margin-top as per your requirement.
    This will solve your issue.
     
  3. networkcarecenter

    networkcarecenter New Member

    Joined:
    Sep 17, 2013
    Messages:
    12
    Likes Received:
    0
    How can I center the menu at the top and have the green colouring reach all the way to each end. I included an arrow pointing at what I mean.



    web pic.jpg
     
  4. Gourav

    Gourav Support Staff

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


    Hello,

    Do let us know your website link.
     
  5. networkcarecenter

    networkcarecenter New Member

    Joined:
    Sep 17, 2013
    Messages:
    12
    Likes Received:
    0
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    #menu .ddsmoothmenu {
    float: none;
    text-align: center;
    margin-top: 0px;
    padding: 11px 0px;
    }
    #menu .ddsmoothmenu li {
    float: none;
    }
    #menu li a{
    float: none; 
    }
    
    This will solve your issue.
     

Share This Page