Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 27, 2018 at 10:26 pm #933909
    crtdude

    Please see the screenshot:

    View post on imgur.com

    Looks great in mobile up to 767px. Won’t center from 768 to 989 then looks great over 990.
    Can’t figure out why. Any ideas how to get the 768-990 centered like it is below 768?

    March 27, 2018 at 10:56 pm #933919
    Vinay

    Hey crtdude,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    March 27, 2018 at 10:59 pm #933922
    crtdude

    I sure can:

    Home

    March 28, 2018 at 12:02 pm #934178
    crtdude

    Vinay, you have any luck with this? Seems relatively simple but the fix is eluding me.

    March 28, 2018 at 1:32 pm #934273
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header_meta .phone-info,
#top .av_secondary_right .sub_menu, 
#top .sub_menu > ul {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: static;
}

#top #header_meta .sub_menu > ul > li {
    float: none;
    display: inline-block;
}

    Hope it helps :)

    Best regards,
    Nikko

    March 28, 2018 at 3:23 pm #934349
    crtdude

    Thanks for the effort Nikko but that just centers things all the time. I only want centering to happen under 990px.
    The way it is now everything looks fine 990 and above and below 768. It’s in between that it looks like the center panel of the screenshot I sent.

    March 28, 2018 at 3:33 pm #934355
    Nikko

    Hi,

    I see, just replace the code I gave you with this:

    @media only screen and (max-width:990px) and (min-width:768px) {
  #top #header_meta .phone-info,
  #top .av_secondary_right .sub_menu, 
  #top .sub_menu > ul {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: static;
  }

  #top #header_meta .sub_menu > ul > li {
    float: none;
    display: inline-block;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

    March 28, 2018 at 4:02 pm #934375
    crtdude

    PERFECTION!! Thank you kindly.

    March 28, 2018 at 9:50 pm #934541
    Basilis

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘secondary menu not centering in tablet size’ is closed to new replies.