Why doesn't my featured product page and footer align left on fullscreen?

Store Design
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.

1 Like
2

@HiddenArchives

Please share your store URL!

Thanks!

3

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

4

sorry, my url is hiddenarchivesusa.com

5

my url is hiddenarchivesusa.com

6

@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

7

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?

8

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

9

It doesnt move all the way to the left though

10

@HiddenArchives You can add this css code .

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

11

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.

12

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