mauramanor Posted December 22, 2020 Share Posted December 22, 2020 Site URL: https://giraffe-carnation-cfwm.squarespace.com/shop-coffee PW - urbana Can anyone tell me why my image blocks on mobile on the three shop pages are huge? Link to comment
stressbunny Posted December 22, 2020 Share Posted December 22, 2020 You can add this to the end of your CSS (or to any existing rule for this width) @media (max-width: 767px) { .product-block .image-container img { position: relative; display: block; width: 50%; margin: auto; } } Link to comment
mauramanor Posted December 22, 2020 Author Share Posted December 22, 2020 (edited) @loueeze thank you! For some reason it's still going over my footer? Edited December 22, 2020 by mauramanor Link to comment
stressbunny Posted December 22, 2020 Share Posted December 22, 2020 I spotted that but I can't see what's going on! I'll see if I can find what's causing it. Also, add this to the media rule too, for the "minor figures" images, which are slightly different to coffee/merch, but have the same sizing issue: .ProductItem-gallery { width: 50%; margin: auto; } tuanphan 1 Link to comment
tuanphan Posted December 23, 2020 Share Posted December 23, 2020 Just answered your email. @loueeze @mauramanor The cause from code in Code Injection Header or Page Header. -- I see your site has very long content on some pages, you can consider adding a back top top button. On Tablet, the footer doesn't look good, some text break, if you need to reduce size or increase text width, let me know, we will give the code. Similar on this page. https://giraffe-carnation-cfwm.squarespace.com/ Also, on tablet, some Line Block not align. Do you want to align them? https://giraffe-carnation-cfwm.squarespace.com/shop-coffee Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mauramanor Posted December 23, 2020 Author Share Posted December 23, 2020 @tuanphan Thank you so much! I had that script to be able to have drop down menus on the nav. When I get rid of it, it looks like this. Link to comment
mauramanor Posted December 23, 2020 Author Share Posted December 23, 2020 Nevermind, it looks like it fixed itself? Link to comment
stressbunny Posted December 23, 2020 Share Posted December 23, 2020 If you want to keep the script, the first part sorts the footer issue, the other 2 for image width: @media screen and (max-width: 767px) { #page section:first-child { min-height: unset; height: unset; } .product-block .image-container img { position: relative; display: block; width: 50%; margin: auto; } .ProductItem-gallery { width: 50%; margin: auto; } } Link to comment
Guest Posted April 5, 2021 Share Posted April 5, 2021 (edited) I ended up including some other product to the product page, if that makes feel, by means of using the 'additional info' tab. Seemed like humans have been capable of parent it out moderately properly. Edited April 18, 2021 by ayrle33 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment