• hello, you’ve already helped me for the menu background, thank you again.
    I’ve another problem but I don’t know if it depends on the plugin or not.
    in responsive mobile version there is a big difference between IOS and Android.
    In IOS (Safari or Chrome) the menu does not stick up and the entire page scrolls. I don’t understand why. it is a IOS limit? you can try? link

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • I think it’s because your site is within a frameset. In iOS, it’s possible that when you scroll, you’re scrolling the page itself (not the page inside the frame, but the “outer” page) so there’s no actual scrolling happening on the page that’s *inside* the frame.

    I’m not 100% sure about this but it’s worth checking to see if the same behavior happens if your page is not part of a frameset.

    Thread Starter vitomjj

    (@vitomjj)

    unfortunately I can’t do without the frameset.. my site is on a different domain.

    i’ve another question (off topic).
    can I change the size of the menu bar when stick at the top? I would like to be thinner when scrolls down

    You can use this CSS:

    .sticky-element-original {
       /* all your styles for the element, sticky or not */
    }
    
    .sticky-element-original.sticky-element-active {
       /* all your styles for the element when it's NOT sticky */
    }
    
    .sticky-element-original:not(.sticky-element-active) {
       /* all your styles for the element when it's sticky */
    }

    That way, you can style the menu (and change the size) when it becomes sticky.

    Thread Starter vitomjj

    (@vitomjj)

    Ok thanks, i try 🙂

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

The topic ‘difference between IOS and Android’ is closed to new replies.