Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 2, 2016 at 2:06 am #655955
    ENBertussi

    Hey there,

    I’ve tried to find a “quick css” tweak to specify what resolution my subnav kicks to mobile.

    Can you direct me? or help me please?

    thank you :)

    ENB..//

    July 3, 2016 at 12:08 am #656169
    ENBertussi

    FYI, the site I am trying to ensure does not have issues is http://braandcorsetsupplies.com/

    where the “fullwidth sub menu” is going into two rows on smaller screens.

    I want it to implement mobile at the resolution I know where it breaks on to two lines.

    Let me know when you can.

    thank you

    July 4, 2016 at 2:40 pm #656590
    Rikard

    Hi,

    Try this: 

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

    Change 1024 to the value of your choice.

    Best regards,
    Rikard

    July 6, 2016 at 6:47 pm #657663
    ENBertussi

    Hi Rikard,

    for http://braandcorsetsupplies.com it is NOT the MAIN MENU that I am trying to snap to mobile at 1250 pixels it is the “fullwidth sub menu”.

    the code is for a header based main menu :)

    thank you.

    ENB..//

    July 8, 2016 at 3:36 pm #658479
    Yigit

    Hi,

    Please add following code to Quick CSS

    @media only screen and (max-width: 1024px) {
@media only screen and (max-width: 767px)
.responsive #top .av-menu-mobile-active .av-subnav-menu {
    display: none !important;
}
#top .mobile_menu_toggle {
    display: block!important;
}
}

    Best regards,
    Yigit

    July 8, 2016 at 3:54 pm #658489
    ENBertussi

    I tried this.

    @media only screen and (max-width: 1250px) {
    @media only screen and (max-width: 1250px)
    .responsive #top .av-menu-mobile-active .av-subnav-menu {
    display: none !important;
    }
    #top .mobile_menu_toggle {
    display: block!important;
    }
    }

    but it did not fully work..

    the mobile sub nav is not clickable and the desktop nav still is showing..

    sub nav mobile nes pas de worky

    July 11, 2016 at 3:24 pm #659330
    Andy

    Hi,

    I noticed that you are using a caching plugin. Would you mind opening your plugin’s settings page and temporarily deactivate the caching of your site? Then please try to clear your browser cache and hard refresh the site (Hold CTRL + SHIFT + RELOAD) to see if that solves the issue.

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

    July 11, 2016 at 4:45 pm #659410
    ENBertussi

    Hey Andy,

    I did not think I was using a caching plugin and I usually have chrome inspect open with ‘disable cache (while devtools is open) checked.
    I also hold refresh click in chrome with “empty cache and hard reload”

    I just double check to see if performing those again would clear up the issue. No luck :(

    sorry.

    below are creds.

    ENB..//

    July 13, 2016 at 7:47 am #660216
    Vinay

    Hi,

    we have added this code to the Quick CSS section under Enfold > General Styling :

    @media only screen and (max-width: 1250px) {
#menu-header-main-menu {display:none !important;}
}

    Please review the site and let us know if you have more questions.

    Best regards,
    Vinay

    August 1, 2016 at 9:09 pm #667460
    ENBertussi

    Hi Vinay,

    I have moved the code for doing this from the quick css to the style.css in the child theme,

    what I have moved is this:

    /*mobile submenu-header menu fix*/
    @media only screen and (max-width: 1250px) {
    #menu-header-main-menu {display:none !important;}
    }

    @media only screen and (max-width: 1250px) {
    @media only screen and (max-width: 1250px)
    .responsive #top .av-menu-mobile-active .av-subnav-menu {
    display: none !important;
    }
    #top .mobile_menu_toggle {
    display: block!important;
    }
    }

    I’m sorry if I have not followed the directions properly for this, but so far the av-subnav-menu is not clickable on small screen resolution it shows but you can not click on it still…

    I’m not sure if we were supposed to get rid of the code https://kriesi.at/support/topic/change-screen-resolution-that-fullwidth-sub-menu-kicks-to-mobile/#post-658479 that was also still in the ‘quick-css’ and I have moved it to the style.css (as you can see above no doubt)

    Let me know..

    thanks a tonne :)

    ENB..//

    August 5, 2016 at 6:11 am #668840
    Ismael

    Hi,

    It’s not working because of this css code:

    @media only screen and (max-width: 1250px) {
#menu-header-main-menu {
    display: none !important;
}
}

    Best regards,
    Ismael

    August 20, 2016 at 10:11 pm #675102
    ENBertussi

    Thank you Ismael,

    that for sure fixed it.

    I guess I lost track of what code was being used for what and left something in that should not have been there.

    as always you guys ROCK ~ ~!~! :)

    ENB..//

    August 21, 2016 at 1:21 pm #675317
    Vinay

    Hi,

    Glad we could help!

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Change screen resolution that "fullwidth sub menu" kicks to mobile’ is closed to new replies.