Re: move padding up mobile

move padding up mobile

Luxurymrkt
Navigator
647 2 126

Hi,

 

I'm looking to move the starting point up closer to header. There's to much padding on mobile

 

my site is https://luxurymrkt.com/collections

 

Screenshot 2024-07-17 154929.jpg

Thank You | mike
Replies 4 (4)

Made4uo-Ribe
Shopify Partner
8159 1962 2400

Hi @Luxurymrkt 

Just a question, did you hide the breadcrumbs on purpose?

Made4uoRibe_0-1721251987677.png

Thats, is why there is negative margin? 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Luxurymrkt
Navigator
647 2 126

Yes didn’t want breadcrumbs on that page 

Thank You | mike

Sweans
Shopify Partner
406 79 123

Hi @Luxurymrkt  ,

You can add this code to your css file

@media only screen and (max-width: 768px) {
.breadcrumb {
margin: -62px 0 50px; //adjust margin according to your preference
}
}



Result:

 

Sweans_0-1721278382912.png


If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!


Regards,

Sweans

 

 

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

Rahul_dhiman
Shopify Partner
536 108 108

Hello @Luxurymrkt 

Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css -----> line number 12355
search this code

@media only screen and (max-width: 768px) {
.breadcrumb {
font-size: calc(var(--typeBaseSize)*0.85);
margin: -40px 0 50px;
}
}


and replace with this code

@media only screen and (max-width: 768px) {
.breadcrumb {
font-size: calc(var(--typeBaseSize)*0.85);
margin: -100px 0 50px;
}
}

and the result will be
8.png

 


If this was helpful, hit the like button and mark the job as completed.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167