Code to reduce the white space

Solved
Highlighted
Tourist
23 0 4

Hi Team,

There is a lot of padding between header and page heading and product name and images. Can you help to reduce the same?

Also Can we change the indent of the sort by option to the right just below product description from current position which is between Products and Products Description

 

Padding_1.png

 

0 Likes
Highlighted
Shopify Partner
3155 688 839

@Hina_Agarwal 

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
23 0 4

Thanks. I managed to reduce the white space between header and Products but space between product list and product item is still there and can 'sort by' be positioned on the right hand side just below the product listing.

Also, suggest to remove the word 'Products' from the page - 'DryFruits'

www.fruitopia.in

 

Sorry for 2-3 questions.

0 Likes
Highlighted
Shopify Partner
3155 688 839

This is an accepted solution.

@Hina_Agarwal 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-collection .hr--small {
    margin: 5px auto !important;
}
@media screen and (min-width: 591px) {
.template-collection .section-header { margin-bottom: 30px !important; }
}
.template-collection .section-header h1 {
    display: none;
}

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
23 0 4

Thank You so much. It helped.

1 Like