Adjust Mobile Section Width to be aligned with Header

Hey, how can I adjust the section width on mobile only so that the content is aligned with the header? Below you can find an img that shows what it currently looks like on iPhone and iPad.

Thanks in advance!

https://www.euphoricstudios.com/architecture/opacity-house

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
.fe-635ea1ac28ae811b99363542 {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.fe-635ea1ac28ae811b99363542>div {
    flex-grow: 1;
    margin-left: 3vw;
    margin-right: 3vw;
}}

1 hour ago, tuanphan said:

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
.fe-635ea1ac28ae811b99363542 {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.fe-635ea1ac28ae811b99363542>div {
    flex-grow: 1;
    margin-left: 3vw;
    margin-right: 3vw;
}}

 

This works but only for this specific page, is there a way to add this to all the portfolio pages?

On 1/4/2023 at 5:42 PM, timprsn said:

This works but only for this specific page, is there a way to add this to all the portfolio pages?

Can you share link to some pages? We will check the rule

21 minutes ago, tuanphan said:

Can you share link to some pages? We will check the rule

Yes, it's pretty much all the pages under "Architecture" and "Clothing" as well as the info page. Here's some links: 

https://www.euphoricstudios.com/info

https://www.euphoricstudios.com/architecture/open-house

https://www.euphoricstudios.com/architecture/opacity-house

https://www.euphoricstudios.com/architecture/pavillon-etangs-ixelles

https://www.euphoricstudios.com/clothing/tshirt001

https://www.euphoricstudios.com/clothing/tshirt002