Jump to content

Why is this happening on mobile?

Recommended Posts

  • Replies 8
  • Views 425
  • Created
  • Last Reply

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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
  • 3 months later...

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.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.