Change size on hextom free shipping bar on cart page - Dawn Theme

Store Design
, , ,
1

Hi

I want to make this section wide as the others, now i have tried several things without better result. Do you guys have an idea to fix this small bug? :grinning_face:

Thanks in advance. :grinning_face:

www.dekanten.no/cart

See attached image:

Skjermbilde 2024-09-17 kl. 00.29.01.png
Skjermbilde 2024-09-17 kl. 00.29.01.png1000Ɨ534 20.5 KB

2

Hello @Dekanten , Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on ā€œThemesā€
  3. Select ā€œEdit codeā€
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you canā€™t find your custom CSS file, open base.css" OR ā€œtheme.cssā€ OR ā€œcart.cssā€.
  6. Add the following code at the end of the file.
@media only screen and (max-width: 770px) {
    #fsb_background {
        width: 345px !important;
        margin: 0 auto !important;
    }
}
@media only screen and (max-width: 349px) {
    #fsb_background {
        width: 290px !important;
        margin: 0 auto !important;
    }
    #fsb_background > * {
        font-size: 10px !important;
    }
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

1 Like
3

Hi and big thank you so this works like a charm so im really glad for the result, thank you so much for your help and support. :grinning_face: