Maximize full width in the collection

Solved
Janamir
Explorer
132 0 46

I need help to maximize full width in the collection of the product rows like that of the home page. Please help asap.

 

collection-ss.JPG

site: https://polished-london.myshopify.com/collections/oral-care

pass: home

dmwwebartisan
Shopify Partner
7292 1721 2292

@Janamir 

Please add the following code at the bottom of your vendor.css file.

body.template-collection .gryffeditor .gf_row, body .module-wrap[data-label=Popup] .gf_row {
    padding-top: 30px;
    max-width: 100% !important;
    margin-left: auto!important;
    margin-right: auto!important;
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Pallavi
Shopify Expert
2170 353 463

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

body .gryffeditor .gf_row, body .module-wrap[data-label=Popup] .gf_row {
max-width: 100%;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Janamir
Explorer
132 0 46

@dmwwebartisan that worked, how can I also minimize the width button of addtocart and soldout in the mobile view. please help.

add-to-cart.JPG

 

dmwwebartisan
Shopify Partner
7292 1721 2292

This is an accepted solution.

@Janamir 

Please add this code in your css file .

@media only screen and (max-width: 500px){
#collection-btn {
    background: #000!important;
    font-size: 10px;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    padding: 0px 10px;
}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Janamir
Explorer
132 0 46

thanks that worked.

0 Likes