eliasbalk
Circle Member-
Content Count
6 -
Joined
-
Last visited
-
Different Banner Image on Mobile
eliasbalk replied to Joeyearthly's question in Coding and Customization
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; } }- 51 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Different Banner Image on Mobile
eliasbalk replied to Joeyearthly's question in Coding and Customization
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?- 51 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Different Banner Image on Mobile
eliasbalk replied to Joeyearthly's question in Coding and Customization
Hi @rwp, thanks for taking a look. its enabled now - cotorra-store.com/hompagetest - when scrolling it zooms in. (when accessed via mobile device)- 51 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Different Banner Image on Mobile
eliasbalk replied to Joeyearthly's question in Coding and Customization
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.- 51 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Different Banner Image on Mobile
eliasbalk replied to Joeyearthly's question in Coding and Customization
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?- 51 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
eliasbalk started following Different Banner Image on Mobile
-
Different Banner Image on Mobile
eliasbalk replied to Joeyearthly's question in Coding and Customization
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- 51 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with: