Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 24, 2020 at 10:08 am #1232917
    JohnMYates

    Hi

    Used the flexbox header code provided at https://kriesi.at/documentation/enfold/example-of-widget-left-logo-center-widget-right-menu-below/

    Happy with the Desktop header (the way it looks and the fact it is fixed) but I need some help, please, with the mobile / tablet.

    Issues are:
    – We don’t want the header fixed for Mobile / Tablet but I can’t seem to sort it properly.
    – Is it possible to have the order to be different on mobile – so Logo & menu (on one line), Widget, Widget?

    Many thanks

    John

    July 28, 2020 at 8:28 am #1233688
    Ismael

    Hey JohnMYates,

    Thank you for the inquiry.

    – We don’t want the header fixed for Mobile / Tablet but I can’t seem to sort it properly.

    You should wrap this css code inside a css media query so that it only affects the desktop view.

    .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header {
	position: fixed;
}

    Replace it with:

    @media only screen and (min-width: 1024px) {
    .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header {
	position: fixed;
    }
}

    This should also work for the second issue.

    Best regards,
    Ismael

    July 28, 2020 at 4:28 pm #1233769
    JohnMYates

    Thanks Ismael!

    regards
    John

    July 29, 2020 at 5:11 am #1233845
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    July 29, 2020 at 9:11 am #1233911
    JohnMYates

    Hi Jordan

    Thanks – we can close this.

    regards

    john

    July 29, 2020 at 4:01 pm #1233961
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Flexbox Headers – un fix mobile header’ is closed to new replies.