Disable offset for mobile

  • Resolved alFrame

    (@alframe)


    7 years, 10 months ago

    Hi Malihu, First let me thank you for the great plugin!

    I must be missing something, but I can’t get the ‘width(>800)’ working for mobile.

    I tried entering it in the WordPress menu #Motorraeder:width(<800) and also to the target on the page itself, well in the layout which creates the page. I am using Ultimatum framework. It has layouts in the back-end of the back-end that I can then assign to WordPress pages. So this layout assembles multiple pages to a one page design.

    Here’s the URL: https://dev03.fullframestudios.ch

    Where would I add the width parameter?

    Thanks & Cheers

    Alex

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author malihu

    (@malihu)

    Hello Alex,

    I think you should use the #container-131 element selector (which is your top menu wrapper for the desktop) as the “Offset” value:

    #container-131

    If the above still offsets scrolling on mobile, try the following:

    #container-131:width(>959)

    Let me know if it works

    Thread Starter alFrame

    (@alframe)

    Ahaaaaaa!! Thanks Malihu this works.

    Especially after I figured out that I need to define this in the plugin settings as the offset value. You really have produced a very well thought through plugin here.

    Thank you very much for your help!

    Plugin Author malihu

    (@malihu)

    You’re welcome. Thanks for your comments ??

    Thread Starter alFrame

    (@alframe)

    You’re welcome!

    Just thought I post that this parameter also works with class not only id.

    So #your-div:width(>959) and .your-class:width(>959) both work.

    Nice!

    I am also trying to figure out the offset.

    I am using an offset of 390 because of fixed menu elements.

    But on the mobile this size isn’t correct ofcourse.

    How do you change it for mobile?

    I am not sure where you fill in #your-div:width(>390)

    Thread Starter alFrame

    (@alframe)

    You have to set it on the “Page to scroll ID” settings which are under “Settings” in the WordPress navigation.

    See here: https://area.fullframestudios.ch/PluginsImages/PageScrollToID/PageToScrollSettings.jpg

    And here’s the div viewed in Chrome: https://area.fullframestudios.ch/PluginsImages/PageScrollToID/ScrollToID_Desktop.jpg

    Make sure you grab a div that’s visible in both cases, desktop rendering and mobile rendering.

    So in retro, I would probably have better picked the #container-131 as suggested by Malihu. You can see the respective container just above the div pointed at in the above screenshot. With my choice of the class .rscTopNav I had to add an empty div on the page that only shows on mobile rendering. I ended up leaving it like this because I wanted less distance from the top of each section to the bottom of the header.

    • This reply was modified 7 years, 9 months ago by alFrame.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Disable offset for mobile’ is closed to new replies.