Portfolio page full width not possible on mobile?

Site URL: https://coverkitchen.squarespace.com

Hello,

I am using Squarespace 7.1 to build our new book cover design website.
Collection portfolio pages do not show full width images on mobile view, only on desktop. However, portfolio sub-page will show full-width on both desktop and mobile. See attached screenshots for your reference. As you can see, the gallery has margins at both sides on mobil view. Actually, it happens also with the header. Does anyone know how to force full-width view on mobile view?

Many thanks in advance!

Best,

Xavier

Let me know if this is good enough

To add CSS, go to Design -> Custom CSS
 

@media screen and (max-width: 767px) {
  .tweak-portfolio-grid-basic-width-full .portfolio-grid-basic {
    padding-left: .4vw !important;
    padding-right: .4vw !important;
  } 
  .header .header-announcement-bar-wrapper {
    padding-left: .4vw !important;
    padding-right: .4vw !important;
  }
}

Hello bangank36

You are a genius! It worked perfectly. Thank you very much for your valuable help. 

@bangank36 I have a question: would be possible to have different number of columns in a gallery for desktop, tablet and mobile? (for both portfolio page layout and Gallery Blocks). For example, 4 columns for desktop, 3 for tablet and 1 for mobile.

I know that was possible with Squarespace 7.0, but I am using Squarespace 7.1. It would be great if there is a way to make it possible.

Many thanks in advance.

I dont want to hijack your thread @coverkitchen, @bangank36 would that same code work for this site?

https://ray-cone-ap64.squarespace.com/gallery

52 minutes ago, ShortAngryViking said:

I dont want to hijack your thread @coverkitchen, @bangank36 would that same code work for this site?

https://ray-cone-ap64.squarespace.com/gallery

Your site is password protected

password luce2020

https://ray-cone-ap64.squarespace.com/gallery

thank you