Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1260603

    hi there,
    i’ve looked at various customisations mentioned here to get this to work, however i’m having no luck.
    could one of you please take a quick look for me?
    i am using caching & cloudlfare – just so you’re aware.
    i have the css in quick css.
    my header is not sticky.
    i am also using the Sticky Menu (or Anything!) plugin to stick a column (on desktop only).
    many thanks,
    Jason

    #1261427

    Hey Jason,

    Thank you for the inquiry.

    The full width submenu is supposed to be static on mobile view by default or it should not stick when viewing on smaller screens.

    Did you add this css code?

    .responsive #top #trip-page-sub-menu {
    	top: 20px !important;
    	position: fixed !important;
    }
    

    This makes the submenu sticky on mobile view but this is always in effect unlike the normal behavior where it only sticks when it touches the top edge of the browser view port.

    Best regards,
    Ismael

    #1261445

    hey Ismael,
    yes, I added that code. the client has asked that it does stick to the top of the screen on mobile (on scroll – not how i’ve done it).
    can you shed any light as to how i might go about that? or, an argument as to why its a bad idea – so i can feedback to the client?
    thanks heaps :)
    Jason

    #1261792

    Hi,

    Thank you for the update.

    We do not recommend showing fixed elements on mobile view because the screen or space is quite limited, so sticky elements tend to be more of a distraction than help on these devices. Making it stick on scroll will require custom scripts or additional use of third party plugin such as the following.

    // https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.