I'm using the supply theme and I notice there is a 60px margin below the breadcrumbs navigation element:
In chrome I inspect to find the html element:
<nav class="breadcrumb" role="navigation" aria-label="breadcrumbs">...</nav>
The related classes as shown by the inspector are:
What do I need to add to theme.scss.liquid to keep the margin below the breadcrumbs at 30px margin bottom on all displays, and not 60px on large displays?
Please share url and I will give you exact solution. You wanted to have 30px margin on all the devices. Once you remove the margin 60px from media query. The other 30px margin will take place.
Ok so do I change that in the main scss file?
An example page from our site as follows, but I have already pin pointed the code in my OP.
Pw has been emailed to you.