Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 24, 2014 at 8:51 pm #242338
    agiombetti

    Hi there, the site I manage is http://www.khurairacosmetics.com.

    I have an issue with the secondary menu, header navigation in the top right being scrunched up.

    Any suggestions on a fix? Thanks

    Anthony

    March 25, 2014 at 3:27 am #242466
    Ismael

    Hi agiombetti!

    Please add this on Quick CSS or custom.css:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 5px;
font-size: 12px;
}
}

    Cheers!
    Ismael

    March 25, 2014 at 8:24 pm #242971
    agiombetti

    Hi Ismael, thanks for the quick reply. I’d like to confirm the following.

    1. I have a few other Quick CSS code being used and want to make sure this is how it should appear:

    #############
    div .av_one_half { margin-left: 2%; width: 49%; }
    .avia_transform .avia-gallery-thumb img { opacity: 1; }
    #top div.woocommerce-message { border-color: #A81010; background-color: #A81010; color: white; }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 5px;
    font-size: 12px;
    }
    }
    ##############

    If so, please confirm. Thanks, Anthony

    March 26, 2014 at 6:20 am #243155
    Ismael

    Hi!

    Yes, that will do. All media queries should be at the bottom. I hope it works. :)

    Regards,
    Ismael

    March 26, 2014 at 8:37 pm #243515
    agiombetti

    Hi Ismael, I applied the code in the Quick CSS and didn’t see the issue resolved. Please advise a solution. Thanks, Anthony

    March 28, 2014 at 9:14 am #244253
    Dude

    Hey!

    Please try this code and insert it into your child theme style.css:

    
#top .av_secondary_right .sub_menu>ul>li:last-child{ padding: 0 10px; }

    Best regards,
    Peter

    March 28, 2014 at 5:26 pm #244483
    agiombetti

    Hi Peter, I inserted the code you advised, but it doesn’t appear to work:

    ############
    div .av_one_half { margin-left: 2%; width: 49%; }
    .avia_transform .avia-gallery-thumb img { opacity: 1; }
    #top div.woocommerce-message { border-color: #A81010; background-color: #A81010; color: white; }
    #top ..av_secondary_right .sub_menu>ul>li:last-child{ padding: 0 10px; }
    ############

    http://www.khurairacosmetics.com

    Please advise another suggestion.

    Thanks, Anthony

    March 29, 2014 at 9:13 am #244727
    Ismael

    Hi!

    The codes’ suggested above should work but I think they’re not working on your end because you have a cache plugin. Please try to empty cache and make sure that you have added the suggested code above. Remove browser cache then reload the page a few times. 

    @media all and (max-width: 989px) and (min-width: 768px) {
.av-main-nav > li > a {
font-size: 12px !important;
padding: 0 5px !important;
}
}

    Best regards,
    Ismael

    March 31, 2014 at 11:25 pm #245779
    agiombetti

    Thanks Ismael, I’ve added the code. On IE, I deleted browser history. Unfortunately, it’s still not resolved when I view the page

    Here’s the CSS code:

    div .av_one_half { margin-left: 2%; width: 49%; }
    .avia_transform .avia-gallery-thumb img { opacity: 1; }
    #top div.woocommerce-message { border-color: #A81010; background-color: #A81010; color: white; }
    @media all and (max-width: 989px) and (min-width: 768px) {
    .av-main-nav > li > a {
    font-size: 12px !important;
    padding: 0 5px !important;
    }
    }

    A little bummed… any thoughts?

    April 1, 2014 at 7:44 am #245871
    Ismael

    Hi!

    What version of IE are you checking this with? If you’re using IE9 or lower, please use this:

    .av-main-nav > li > a {
font-size: 12px !important\9;
padding: 0 5px !important\9;
}

    I hope that helps.

    Regards,
    Ismael

    April 1, 2014 at 9:42 am #245889
    agiombetti
    This reply has been marked as private.
    April 3, 2014 at 7:47 am #246910
    Dude

    Hey!

    I fixed it with this code:

    
.av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child {
padding: 0 10px;
}

    Best regards,
    Peter

    April 3, 2014 at 10:10 pm #247217
    agiombetti

    OK, great. Thanks for figuring it out!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Issues with secondary header navigation, top right’ is closed to new replies.