Fix homepage spacing

Solved
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)

Accepted Solutions
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
3033 696 566

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

View solution in original post

Replies 11 (11)
dmwwebartisan
Shopify Partner
10710 2337 3311

@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 | Bag is a cart drawer that maximizes your sales. View app →
Zworthkey
Shopify Partner
5581 640 1498

@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.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
HiddenArchives
Tourist
6 0 1

sorry, my url is hiddenarchivesusa.com

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
AvadaCommerce
Shopify Partner
3033 696 566

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

HiddenArchives
Tourist
6 0 1

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