How can I effectively increase my homepage width?

Hello, i would like to increse page width and I tried all the solutions from the forum and non of them works. Help please. Its home page only (or home page collection).

Navigation is full screen but I am not able to make home page wider.

https://artisanroast.co.uk/

thank you!

Hi @lukasz666

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:
@media (min-width: 1260px) {

.container {max-width: 1600px !important;}

}

Regards,

San

@lukasz666

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > style.css and paste this at the bottom of the file:
.container {
    width: 100% !important;
    max-width: 100% !important;
}

Amazing. Thank you very much its done!

Hi,

I would like to increase the page width (not homepage- but pages like About Us), but not sure how. On mobile the large space on the side of the text is not visible but on desktop it looks quite big and would like to reduce that by indreasign the width of the text content if possible.

About Us – B-ESS (bessessentials.com)