How can I reduce Space gap on header in mobile

Solved
Shivam97
Pathfinder
146 0 59

Hi,

HOw can i reduce this section in mobile.

URL - https://www.portronics.com/products/harmonics-twins-s1

spacinng.PNG

0 Likes
Pallavi
Shopify Expert
2239 370 486

This is an accepted solution.

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:

@media only screen and (max-width: 768px){
.product-section .page-content {
padding-top: 0px!important;
}
}
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
Shivam97
Pathfinder
146 0 59

Not on product page, in category page too. most of the pages have high gaping 

URL - https://www.portronics.com/collections/new-arrivals

 

gapp.PNG

0 Likes
dmwwebartisan
Shopify Partner
7444 1765 2366

This is an accepted solution.

@Shivam97 

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:

@media only screen and (max-width: 768px){
.template-product .shopify-section {max-height: 120px;}
}

Thanks!

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 →
dmwwebartisan
Shopify Partner
7444 1765 2366

This is an accepted solution.

for collection page 

@media only screen and (max-width: 768px){
.template-collection .shopify-section {max-height: 120px;}
}
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 →