Full width page

Store Design
, , ,
1

How can i make my whole page full width? Everything on my site https://flanercouture.store/ is not full width except the first front photo.

2

Hey @flaner

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1741786302343.png
Moeed_0-1741786302343.png1897×924 237 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi,

It worked thank you, but my only question is how can i change the header too to full width?

znsernszenrzsdfn.PNG
znsernszenrzsdfn.PNG1904×1037 173 KB

4

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to make your header full width

html header {
max-width: 100% !important;
padding-left: 1rem !important;
padding-right: 1rem !important;;
}
5

Thank you!

6

You are most welcome!