Jump to content

eliasbalk

Circle Member
  • Posts

    6
  • Joined

  • Last visited

Everything posted by eliasbalk

  1. I have the Squarespace Parallax active. No other code. Parallax works great until i use the CSS below. Then i get the zoom-in issue caused by the browser address bar hiding when on a mobile device. /* show home page block dependent on screen size */ @media only screen and (max-width: 780px) { #home-banner { display: none; } } @media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } }
  2. Hi @rwp, thank you for the explanation. That makes sense. Normally that does not happen on mobile with parallax so i am wondering if there might be some CSS which fixes the image height to the first determined height based on the initial viewport height? Any idea?
  3. Hi @rwp, thanks for taking a look. its enabled now - cotorra-store.com/hompagetest - when scrolling it zooms in. (when accessed via mobile device)
  4. Hi @christyprice, thanks a lot for your detailed answer. @rwp It does work now beautifully by excluding the parallax effect from the mobile. But i am still trying to figure out a way to have parallax active on mobile as well.
  5. Hi @christyprice, thanks for the quick feedback. There is no other CSS active but problem still remains. When i deactivate Parallax though in SiteStyles the problem disappears. Is that usually the case with this feature to use it only without Parallax?
  6. Hi @christyprice, thanks a lot for sharing. I am facing a problem when using the code and was hoping you might have a quick workaround? The banners display as wanted on web and mobile, but on mobile my banners jump/zoom-in a little bit at a certain point when scrolling down. (caused by the added CSS) Thanks a lot in advance. Code used: @media only screen and (max-width: 780px) { #home-banner { display: none; } } @media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } } Url: www.cotorra-store.com/hompagetest
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.