How to enable wide layout on debut theme?

Solved
Tourist
4 1 0

Hey Guys!

 

I am building a store using the debut theme. I have an issue though. I think the margins on each side of the content are way to big. Do you guys know how i can make the layout of the theme wider?

The header width is fine, but the content and footer is way too narrow. Hope you guys can help! Thanks!

0 Likes

Success.

Shopify Partner
100 20 17

Hello Fazel95!

 

Hope you are doing well, for wide layout you need to add custom css in your theme.scss.liquid,    Screenshot(https://prnt.sc/pb3cow):

 

Add this code in theme.scss.liquid

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

 

I hope this solve your issue!

 

Thanks!

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: codecorneres@gmail.com
Skype: code.corners
1 Like
Tourist
4 1 0

It worked! Only new problem is that the product title is not aligning with the image now


Screen Shot 2019-09-26 at 09.30.13.png

0 Likes
Shopify Partner
100 20 17

Please share your store url.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: codecorneres@gmail.com
Skype: code.corners
0 Likes

Success.

Tourist
4 1 0

https://recree-dk.myshopify.com/

There is a different theme published. 

0 Likes

Success.

Shopify Partner
100 20 17

you have to add some following css:

.product-card{

text-align:center;

}

.price{

display:block !important;

}

I hope this will help you.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: codecorneres@gmail.com
Skype: code.corners
1 Like
Tourist
4 1 0

It worked!!! Thanks!!

0 Likes