Solved

Why isn't my Shopify homepage spacing correct in fullscreen mode?

HiddenArchives
Tourist
6 0 1

Only when fullscreen my featured product page and footer don't stay to the left. I had the same problem with the header but I was able to fix it. When the page is minimized its fine.

Accepted Solutions (2)
mijankarim
Shopify Partner
56 14 17

This is an accepted solution.

@HiddenArchives  You can add this css code .

 

.page-width {
max-width: 100% !important;
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store? Whatsapp.
Email: mijan.karim@yahoo.com
Skype: mijan.karim

View solution in original post

AvadaCommerce
Shopify Partner
3879 839 951

This is an accepted solution.

Hi @HiddenArchives ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

 

.page-width {
   max-width: 100% !important;
}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

banned

View solution in original post

Replies 11 (11)

dmwwebartisan
Shopify Partner
12279 2546 3693

@HiddenArchives 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Zworthkey
Shopify Partner
5581 642 1565

@HiddenArchives 
Welcome to the Shopify community!
Thanks for your good question.


Please share your store URL.
So that I will check and let you know the exact solution here.

HiddenArchives
Tourist
6 0 1

my url is hiddenarchivesusa.com

mijankarim
Shopify Partner
56 14 17

@HiddenArchives  You have to go to theme settings and change page width to 1600px which is maximum.  It will solve your issue.

 

https://prnt.sc/i0PhaRvPRbGJ

 

Thanks

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store? Whatsapp.
Email: mijan.karim@yahoo.com
Skype: mijan.karim
HiddenArchives
Tourist
6 0 1

oh ok, that moves it over more to the left a little, how would i get it to maybe line up with the icon on the header?

mijankarim
Shopify Partner
56 14 17

@HiddenArchives  You have to remove the css you added for header fix.

header.header.header--middle-left.page-width.header--has-menu {max-width: 100%;}

 

Or you can change max-width to 1600px there instead of 100%.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store? Whatsapp.
Email: mijan.karim@yahoo.com
Skype: mijan.karim
HiddenArchives
Tourist
6 0 1

It doesnt move all the way to the left though

mijankarim
Shopify Partner
56 14 17

This is an accepted solution.

@HiddenArchives  You can add this css code .

 

.page-width {
max-width: 100% !important;
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store? Whatsapp.
Email: mijan.karim@yahoo.com
Skype: mijan.karim
HiddenArchives
Tourist
6 0 1

sorry, my url is hiddenarchivesusa.com

AvadaCommerce
Shopify Partner
3879 839 951

This is an accepted solution.

Hi @HiddenArchives ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

 

.page-width {
   max-width: 100% !important;
}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

banned
HiddenArchives
Tourist
6 0 1

also, i had a question about how to make the headers stay up top when scrolling instead of disappearing.