How can I make my store page full width with aligned elements?

Store Design
, , , ,
1

Hi,

Does anyone have an input on how I can make my store full width with all elements aligning in a straight line on the right and left of the page, similar to this site: https://www.meds.se/. As you notice on that site, the header is slightly wider than the rest of the site and I’d like to achieve similar proportions on my store.

My store: https://gryningens.myshopify.com/

I’m using the Local theme.

Many thanks in advance!

2

You can do that by editing max-width value in this code below in your theme.css file

.container--large {
  margin: 0 auto;
  width: 100%;
  max-width: 1360px;
  padding-inline-start: var(--gutter-container);
  padding-inline-end: var(--gutter-container);
}

Screenshot 2023-08-22 at 09.32.39.png
Screenshot 2023-08-22 at 09.32.39.png868×293 41 KB

3

Hi @Ivnvu

This is David at SalesHunterThemes.

Thank you for your question.
You can try follow this path:

Themes => edit code => asset => theme.css

and add this code to bottom of the file theme.css

.container--large {
max-width: 100%;
}