Venture Theme Mobile View Not Full Width

[Eleanor6589]

I help multiple people with their Shopify sites. One in particular I am working on is for 2fPerformance.com. I have been working on the mobile view for the site and noticed that you can zoom out on an iPhone or Android and it has a fairly large padded section on the right hand side. I have attempted to modify this in the Theme.liquid.css file without much luck. My changes work if you use the inspect tool on a desktop but it doesnt on mobile. Here is the link to an example of what happens.  https://2fperformance.com/products/lexus-ls400-ucf10-89-94-lfc-rear-replacement-panels

Here is what I added to fix the issue.

/* ============== test-query =========== */

@media only screen and (max-width: 1024px) {

.site-header__link {

display: table-row;

}

}

    @media only screen and (min-width: 769px) and (max-width: 1024px){

      .site-header__search-cart-wrapper{

display: inline-flex;

    justify-content: flex-end;

} 

.site-header__link{

display: inline-flex;

    justify-content: flex-end;

}

    }

@media only screen and (max-width: 768px){

.site-header__search-cart-wrapper{

    justify-content: flex-start;

} 

}

.rte:last-child {

padding: 0 20px;

}

h1, h3, .h3 {

padding: 0 10px;

}

[oscprofessional]

Hello, @Eleanor6589 
Go to your online store > Select Theme > Edit Code > Assets> theme.css

.template-product {
	overflow: hidden;
}

Add This CSS on Bottom

Like This

[Eleanor6589]

Thank you! I will give it a try shortly and see if it helps

[oscprofessional]

Hello @Eleanor6589 OK
This Solution Its Useful so please Like and Accept the Solution
Thanks

[Eleanor6589]

This solution did not fix the issue. There isnt a them.css file. Only a theme.scss.liquid file. Also, now the page doesnt scroll with that code

[Eleanor6589]

@oscprofessional This solution did not fix the issue. There isnt a them.css file. Only a theme.scss.liquid file. Also, now the page doesnt scroll with that code