How do I make banner full width for desktop Supply theme?

Highlighted
New Member
1 0 0

Hello,

I am currently making a website with the Supply theme and I want to make the banner full width of the page but I can't. 

I don't want to change themes as I have already formatted the site and I like its overall design, I just cant get the banner working

I have tried to add this code to the bottom of Assets> theme.scss.liquid but it only seems to work for mobile and not desktop:

.template-index .main-content {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}

.template-index .main-content .shopify-section:not(.slider-section) {
max-width: 1060px;
margin: auto;
padding-left: 30px;
padding-right: 30px;
@media screen and (max-width: 479px){
padding-left: 15px;
padding-right: 15px;
}
}

Any help would be appreciated, thank you!  

0 Likes