Supply template - Make other pages on mobile full width?

Site URL: https://www.alyciawicker.com/reviews

Is there a code to add to the CSS that makes the other pages full width? It seems that the home page is full width, but other pages shove all the text to the left and waste space. 

TIA

On 9/17/2021 at 7:08 AM, alycia.wicker said:

Site URL: https://www.alyciawicker.com/reviews

Is there a code to add to the CSS that makes the other pages full width? It seems that the home page is full width, but other pages shove all the text to the left and waste space. 

 

TIA

Add to Design > Custom CSS

.wrapper {
    padding: 10px !important;
}

2 hours ago, tuanphan said:

Add to Design > Custom CSS

.wrapper {
    padding: 10px !important;
}

 

Thank you, but I added that, but no change.

23 hours ago, alycia.wicker said:

Thank you, but I added that, but no change.

I see it worked here?

Oh, sorry, it looks like I forgot to clarify this is happening on mobile. This is what I see on my iPhone. 

Add to Design > Custom CSS

@media screen and (max-width:1024px) {
main#main {
    width: 100% !important;
}}

Thank you, thank you!! You're the bestest!!

Apologies for dragging up an old thread, but I'm having a very similar issue. I'm trying to remove the featured image block entirely so that my Instagram feed will fill the full page width (still keeping the navigation bar on the left).

jakebradford-sharp.com/news

I've tried many things, and after asking Squarespace live chat they suggested to ask here, specifically on this post. Any help would be greatly appreciated!

On 3/15/2024 at 8:44 PM, jakeb_sharp said:

Apologies for dragging up an old thread, but I'm having a very similar issue. I'm trying to remove the featured image block entirely so that my Instagram feed will fill the full page width (still keeping the navigation bar on the left).

 

jakebradford-sharp.com/news

 

I've tried many things, and after asking Squarespace live chat they suggested to ask here, specifically on this post. Any help would be greatly appreciated!

You can use this code to Website > Website Tools > Custom CSS

@media screen and (min-width:901px) {
body#collection-65f343347c52eb26e729530c figure#thumbnail {
    display: none;
}
body#collection-65f343347c52eb26e729530c main#main {
    width: calc(~"100% - 240px");
}
}