Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 9, 2019 at 11:41 pm #1108711
    Hermandl

    Hi guys,
    in my opinion,

    • main menu (words or hamburger)
    • breadcrumb (if exists)
    • book navigation (if exists)

    should be immediately accessible in every situation, device-independent.
    In the enfold theme, the main menu (and logo) disappears on smartphones when scrolling down:

    Fixierter Header
    (Checkbox) Aktiviert, bleibt die Kopfzeile am Bildschirm fixiert (Ignoriert auf Smartphones)


    I don’t understand why!

    Kind Regards
    Hermann

    June 12, 2019 at 1:16 pm #1109484
    Ismael

    Hey Hermann,

    Thank you for using Enfold.

    In the enfold theme, the main menu (and logo) disappears on smartphones when scrolling down:

    The logo and main menu or the entire header container does not disappear on mobile view. They just stay in their position when you scroll the page. The “sticky” or “fixed” header option is disabled by default because the space is quite limited on mobile. Also, users can instantly go back to the top of the page by tapping their device if they want to access the menu, so having a fixed header is not really necessary.

    Best regards,
    Ismael

    June 12, 2019 at 3:08 pm #1109508
    Hermandl

    Thanks, Ismael.

    Sorry. I am still not convinced about your argumentation that “tapping” leads to the top of the page. I am not a specialist on smartphones – my home is a PC. So I tried “tapping” on an “iPhone 5s”, but I could not get the described effect (posit to top). And, in addition, if it would work, I don’t want to lose the actual screen position before I really have selected a new menu entry.

    You wrote that it is disabled by default. Is there any way to select anything else but this default? In my case (and possibly in most of the websites) the loss of viewport space for the main menu is non-serious.

    Yesterday I accidentally saw an example of a website (of my dentist) with a main menu which worked exactly in the way I want: https://www.plinganser8.de/. You can see that there is no disadvantage on small devices.
    Now, once more my question: Is there any way to override this default behavior?

    Regards
    Hermann

    June 13, 2019 at 4:30 am #1109661
    Ismael

    Hey!

    Thank you for the update.

    Try double tapping the status bar or at the very top of your device to scroll to the top. That’s a default feature of iOS devices.

    // https://www.youtube.com/watch?v=pvJDXTNblbQ

    You need to add a few css modification if you want the header to scroll with the page on mobile view. A few example can be found in the following threads.

    // https://kriesi.at/support/topic/sticky-header-mobile-2/#post-686480
    // https://kriesi.at/support/topic/mobile-sticky-header-and-non-sticky-top-bar/#post-1068986

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.