Adding padding to Breadcrumbs in Venture Theme

Solved
Tourist
26 0 1

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

0 Likes
Astronaut
1081 146 272

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 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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
26 0 1

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

Success.

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
26 0 1

Perfect! Thank you

0 Likes