How do I align my Breadcrumb with page width dynamically?

How do I align my Breadcrumb with page width dynamically?

miltokas
Explorer
77 0 20

Hi guys!

I want to align my Breadcrumb with page width without need of padding or any other workaround.

 

miltokas_0-1705655714543.png

 

my current code in base.css

.breadcrumb {
margin: 0 auto !important;
max-width: var(--page-width);
}

There: Dawn

Website: www.vengastore.com

 

Replies 5 (5)

PageFly-Henry
Shopify Partner
1184 335 283

Hi @miltokas 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

nav.breadcrumb {

    width: 100% !important;

    padding: 0 15rem !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

miltokas
Explorer
77 0 20

@PageFly-Henry thanks a lot for your answer.

I have added the code you provided but it is still misaligned:

 

miltokas_1-1705657381369.png

 

PageFly-Henry
Shopify Partner
1184 335 283

Please try again with this code:

nav.breadcrumb {
width: 85%!important;
}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

miltokas
Explorer
77 0 20

I have tried but still a bit off.

My question is, can I automatically align with the theme page width?

Thanks!

 

miltokas_0-1705790739594.png

 

PageFly-Henry
Shopify Partner
1184 335 283

Yes, you can try changing the width parameter in my code to make it more suitable for you.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.