Centering Navigation Items

Discussion in 'Infoway WordPress Theme' started by nfrohm, May 14, 2014.

Thread Status:
Not open for further replies.
  1. nfrohm

    nfrohm New Member

    Joined:
    Mar 19, 2012
    Messages:
    20
    Likes Received:
    0
    Can you please tell me how to center my navigation items? It looks strange, especially with a second row for them to all be left justified.

    Here is may page: http://www.caringqualia.com/

    Thank you.
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    #menu .ddsmoothmenu li {
    display: inline-block;
    float: none;
    }

    Thanks & Regards
    Nitesh Raghuwanshi
     
  3. nfrohm

    nfrohm New Member

    Joined:
    Mar 19, 2012
    Messages:
    20
    Likes Received:
    0
    That did not seem to work. Any other ideas?
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    #menu .ddsmoothmenu li {
    display: inline-block!important;
    float: none!important;
    }

    Thanks & Regards
    Nitesh Raghuwanshi
     
  5. nfrohm

    nfrohm New Member

    Joined:
    Mar 19, 2012
    Messages:
    20
    Likes Received:
    0
    Sorry, but still not working.
     
  6. nfrohm

    nfrohm New Member

    Joined:
    Mar 19, 2012
    Messages:
    20
    Likes Received:
    0
    Also, is it possible to add the horizontal dotted line between the two lines of navigation items?
     
  7. Piyush

    Piyush Support Staff

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

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #menu .ddsmoothmenu {
    text-align: center;
    }
     
    This will make the menu centered.
     
  8. nfrohm

    nfrohm New Member

    Joined:
    Mar 19, 2012
    Messages:
    20
    Likes Received:
    0
    I am sorry, but this is still not working. And any thoughts on how to add the dotted horizontal line between the two lines?
     
  9. Piyush

    Piyush Support Staff

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

    Go to the style.css file present in your theme directory and paste the code given below in that file as instructed in the image given below.

    Code:
    background: url(images/dashline.png) repeat-x bottom,url(images/dashline.png) repeat-x center, url(images/dashline.png) repeat-x top;
    [​IMG]

    This will solve your issue.
     
  10. nfrohm

    nfrohm New Member

    Joined:
    Mar 19, 2012
    Messages:
    20
    Likes Received:
    0
    That worked for the dotted line, but centering is still not working.
     
  11. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    For centering try this code.

    Code:
    #menu .ddsmoothmenu li {
    display: inline-block;
    float: none;}
    #menu .ddsmoothmenu {
    text-align: center;}
    Thanks & Regards
    Nitesh Raghuwanshi
     
  12. nfrohm

    nfrohm New Member

    Joined:
    Mar 19, 2012
    Messages:
    20
    Likes Received:
    0
    That worked!!! THANK YOU!
     
Thread Status:
Not open for further replies.

Share This Page