Navigation Items on 2nd Line

Discussion in 'ColorWay WordPress Theme' started by smillas, Feb 26, 2014.

  1. smillas

    smillas New Member

    Joined:
    Jan 16, 2012
    Messages:
    23
    Likes Received:
    0
    Hello,

    The navigation on my site www.elitemakeupdesigns.com is messed up. The Contact tab is on the 2nd line on both my iPad and on some versions of chrome.

    Do you see the same thing?

    How do I

    A) Make the spacing between the items smaller or
    B) Make the text a bit smaller
     

    Attached Files:

  2. Piyush

    Piyush Support Staff

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

    We have checked your website in iPad and not found such issue.
    Check your site on another iPad.

    See the attached image for reference.
     

    Attached Files:

  3. smillas

    smillas New Member

    Joined:
    Jan 16, 2012
    Messages:
    23
    Likes Received:
    0
    Hello-

    The same thing is happening on desktop. Can you please answer my questions?

    How do I make the navigation text smaller?

    How do I make the spacing between items smaller?
     
  4. Piyush

    Piyush Support Staff

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

    1. To change the font size of navigation text,
    paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #menu li {
    font-size: 12px;
    }
     
    You can change the value of "font-size" as per your requirement.

    2. To change the spacing between the menu items,
    paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #menu .ddsmoothmenu li {
    margin-right: 5px;
    }
     
    You can adjust the value of "margin-right" as per your requirement.
     

Share This Page