Navigation menu breaks

Discussion in 'Local Business WordPress Theme' started by carljackson4321, Mar 15, 2016.

  1. carljackson4321

    carljackson4321 Member

    Joined:
    Jul 14, 2014
    Messages:
    48
    Likes Received:
    1
    My navigation menu breaks into 2 lines when I change the screensize..

    see picture

    my website is, www.aaastarrclean.com

    This is my current CSS code

    label {
    display:inline-block;
    *display: inline; /* for IE7*/
    zoom:1; /* for IE7*/
    float: left;
    padding-top: 5px;
    text-align: middle;
    width: 280px;
    }

    div.header_container {
    background: grey;
    }

    .signinformbox_wrapper {
    height: auto;
    overflow: hidden;
    }

    .post .post_meta .post_category {
    display: none;
    }
    .post .post_meta .postc_comment {
    display: none;
    }

    .feature_contentbox {
    min-height: 200px;
    }

    .feature_contentbox {
    position: relative;
    }
    .feature_contentbox a.readmore {
    position: absolute;
    bottom: 20px;
    }

    .call-us p {
    font-size: 37px !important;
    }

    .footer-wrapper .footer h4{
    background-color:black;
    }.footer-wrapper{
    background-color:black;
    }

    .footer a:hover {
    color: default !important;
    }

    .call-us p {
    font-family: Segoe Script;
    }
    #menu .ddsmoothmenu li a {
    font-family: Arial;
    }

    #menu ul li ul li a {
    font-size: 14px !important;
    font-family: arial !important;
    }

    div#commentsbox {
    display: none !important;
    }

    #menu .ddsmoothmenu li ul {
    width: 200px!important;
    }
    #menu .ddsmoothmenu li li a {
    width: 200px;
    }

    .feature_infobox p {
    font-size: 15px;
    }

    .footer span.widget-h4 {
    border-bottom: 1px dotted;
    background: black
    }

    #menu .ddsmoothmenu li li a {
    width: 240px !important;
    }
    #menu .ddsmoothmenu li ul {
    width: auto !important;
    }

    .footer-wrapper, .footer span.widget-h4 {
    background-color: #064a72;
    }

    @media (min-width: 768px){
    .feature_content img {
    width: 100%;
    }
    }
     

    Attached Files:

  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media (min-width: 992px){
    #menu .ddsmoothmenu li a {
        font-size: 14px;
        margin-left: -8px;
    }
    }
    Change the numeric value as per the requirement...

    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page