Adding padding to Breadcrumbs in Venture Theme

Solved
Shopify Partner
39 0 13

Hi,

I'm finding my way around editing code in Shopify and have added breadcrumb navigation to Venture theme. I'm struggling to find where to put the code for padding the breadcrumb nav. Can anyone help?

 

https://protectsigns.myshopify.com/collections/road-cones

 

Many thanks

Shopify Partner
1517 205 560

Add this to the bottom of your theme.scss.liquid file in your assets folder:

 

nav.breadcrumb {
    padding: 20px;
}

You can adjust the number however you want.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste  code in bottom of file

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
39 0 13

That's great thank you.

I've added the code but only want the padding to affect the left hand margin so that the breadcrumb nav aligns with the main menu and main content.

0 Likes

This is an accepted solution.

Hello,

Please add this css

nav.breadcrumb {
	padding-left: 20px;
	max-width: 1200px;
	margin: 0 auto;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
39 0 13

Perfect! Thank you

0 Likes
New Member
2 0 0

thank you

0 Likes