Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 12, 2016 at 12:40 am #659591
    adwordsfriends

    Hello everybody,

    in addition to this topic: https://kriesi.at/support/topic/sticky-header-on-mobile/
    I have a question.

    I´ve added the custom CSS. It works, the logo area and menu- “hamburger” are sticky now.

    But I use an additional full width sub menu from the Avia Layout Architect. The menu will be displayed behind the logo area.

    I´m thinking about two options now:
    1. How can I fix this and display the full width sub menu below the logo area?
    2. How can I hide sub menu in the mobile view?

    Thank you in advance.

    Greetings. Ulrich

    July 12, 2016 at 1:28 pm #659817
    Rikard

    Hi Ulrich,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    July 12, 2016 at 1:46 pm #659829
    adwordsfriends

    Hi Rikard,

    of course. This is the URL: privat content

    Thank you.
    Ulrich

    July 13, 2016 at 11:43 am #660303
    Rikard

    Hi Ulrich,

    I’m not sure what you mean by your first question, as far as I can see the menu is being displayed below the logo area already?

    If you want to hide the sub menu on mobile you can use the following in Quick CSS:

    @media only screen and (max-width: 767px) {
#sub_menu1 {
display:none !important;
}
}

    Thanks,
    Rikard

    July 13, 2016 at 5:54 pm #660516
    adwordsfriends

    Hi Rikard,

    you’ll seen the desktop version certainly. There it is OK.
    On the mobile phone, the navigation is hidden behind the logo area. I have droped a screenshot a URL (private content).

    The first option is the best.
    If I hide the menu now, a part of the H1 headline is hidden behind the logo area.

    Thank you.
    Ulrich

    July 14, 2016 at 12:20 pm #660792
    Rikard

    Hi Ulrich,

    Ok I see what you mean. Please try the following in Quick CSS:

    @media only screen and (max-width: 479px) {
#menu-focus {
margin-top:120px;
}
}

    Thanks,
    Rikard

    July 14, 2016 at 1:09 pm #660819
    adwordsfriends

    Hi Rikard,

    It works. Fixed!

    Tank you very much.
    Ulrich

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Sticky Header in mobile’ is closed to new replies.