Palo Alto Page width

Solved
Kim_Tech
Excursionist
25 2 2

Hello Shopify Expert! I am using Palo Alto Theme and I am trying to add code in theme.scss.liquid to make full width. because the looks of, my website now are not in full width please check on the image below

Kim_Tech_1-1619943834455.png

below is what I am trying to achieve

Kim_Tech_2-1619943968954.png

I already add this code below on my theme.scss.liquid

 

 .page-width {
    max-width: 100%;
}
.template-page .medium-up--four-fifths {
    width: 100%;
    left: 0 !important;
}  
  

 

 and try to edit the $SiteWidth: from 1050px into 1920px but nothing works

 

// Width variables
$siteWidth: 1060px;
$gutter: 30px;
$gridGutter: 30px;
$maxWidthBp: $siteWidth + $gutter*2;

 

 

please help, let me know what should I do to achieve what i want.

0 Likes
JHKCreate
Shopify Partner
2499 412 595

Hi @Kim_Tech 

Would you mind sharing your store's URL so we can have a look at that and provide you with a solution?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Kim_Tech
Excursionist
25 2 2

jemandjolene.com

password: jnj

0 Likes
JHKCreate
Shopify Partner
2499 412 595

This is an accepted solution.

Add the following code instead:

@media screen and (min-width: 769px)
{
.wrapper {
    max-width: 95%!important;
}
}


Let me know if that works!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Kim_Tech
Excursionist
25 2 2

Thanks it worked!

0 Likes
JHKCreate
Shopify Partner
2499 412 595

Cheers! Don't forget to like and mark as a solution if this solves your issue!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes