Breadcrumbs by byteapps trying to style to match theme margins

Store Design
,
1

I’m trying to style my breadcrumbs to match my theme’s margins but cannot get it to work. What .css should I be using on this block to have it left aligned with the same margin as the page?

Screenshot with example url attached. Any help is appreciated!

Screenshot 2024-12-28 2.53.39 PM.png
Screenshot 2024-12-28 2.53.39 PM.png1366×768 120 KB

2

Hi @deepvrigs

Well if you could access this spaced section that holds the app you could just wrap it in the class “container”.

Alternatively with just CSS, you can add to the end of base.css

[id*="breadcrumbs_by_byte_apps"] {
    display: block;
    width: 100%;
    position: relative;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

@media (min-width: 1025px) {
    [id*="breadcrumbs_by_byte_apps"] {
        max-width: 1200px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
3

Worked like a charm. Thank you!!