Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 8, 2016 at 2:39 pm #561978
    Sigmund

    Hi @ Kriesi,
    I like to have the header with the menu sticky on mobile devices. Logo and Main Menu are in the sidebar left in desktop view, so I cannot modify the header section in the enfold options.
    Thanks!
    Regards,

    January 8, 2016 at 3:39 pm #562022
    Andy

    Hey Sigmund!

    try this code in Quick CSS field:

    .responsive #top #wrap_all #header {
    position: fixed;
}

    Regards,
    Andy

    January 8, 2016 at 4:10 pm #562067
    Sigmund

    Hi Any,
    I have tried that already, but it deletes the rest of the main page.
    http://de.tinypic.com/r/24b7yp2/9

    Regards

    January 11, 2016 at 3:21 pm #563204
    Andy

    Hey!

    control header’s height with this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
.header_bg {
height: 180px;
}}

    and adjust as needed.

    Cheers!
    Andy

    January 11, 2016 at 3:40 pm #563219
    Sigmund

    Hi Andy,
    that works, the header is sticky now. But on mobile the “Arbeiten” Page is under the header now (see link). How do I fix that?

    Regards

    January 11, 2016 at 4:13 pm #563259
    Andy

    Hi!

    not sure what you mean or where the issue is. Link you have provided to me looks fine to me. What do you want to achieve instead?

    Cheers!
    Andy

    January 11, 2016 at 4:42 pm #563306
    Sigmund

    Hi,
    the first portfolio entry is hidden under the header. I have made a screenshot.

    Regards

    January 11, 2016 at 5:02 pm #563333
    Andy

    Hey!

    sure, but you wanted a fixed header on mobile.
    You could try to put e.g. an empty color section or anything above your first portfolio element, which you can hide on desktop. Turn on custom class for this: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Will be quite tricky I think, but maybe you can achieve it.

    Or just use whitespace element which you hide on desktop using media queries.

    Cheers!
    Andy

    • This reply was modified 8 years, 10 months ago by Andy.
    January 11, 2016 at 7:24 pm #563436
    Sigmund

    Hi Andy,
    thanks, I have made it your way and it works out fine.

    Regards

    January 12, 2016 at 8:40 am #563728
    Rikard

    Hi,

    Great, glad you got it working :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Sticky Menu on mobile (desktop has left side menu)’ is closed to new replies.