Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

eliasbalk

Circle Member
 View Profile  See their activity

  • Content Count

    6

  • Joined

  • Last visited

  1. eliasbalk
    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. eliasbalk
    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. eliasbalk
    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. eliasbalk
    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. eliasbalk
    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. eliasbalk started following Different Banner Image on Mobile
  7. eliasbalk
    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...

Support

Community

Developers

Resources