Re: How to make the Drower Cart full size

How to make the Drower Cart full size

DaniCollantes
Tourist
15 0 2

Hi, I'm making a new website (not published yet) and I want to change the drawer cart into something bigger such as my actual website. The first image I show is how is the new website looking like and the second one is how I want it. It will be perfect if I can keep the one of my actual website. see the preview link is https://iiy1762s55synr42-52766113982.shopifypreview.com.

 

Thank you in advance

 

Captura de Pantalla 2024-07-31 a las 18.05.37.pngCaptura de Pantalla 2024-07-31 a las 18.08.06.png

Replies 4 (4)

suyash1
Shopify Partner
9783 1214 1554

@DaniCollantes  please add this css to the very end of your theme.min.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> theme.min.css

div#CartContainer{width: 100%;  max-width: 100%;}
To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me
DaniCollantes
Tourist
15 0 2

I want my cart look like this Captura de Pantalla 2024-08-01 a las 10.14.50.png

BSSCommerce-B2B
Shopify Partner
1412 393 457

Hi @DaniCollantes , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1722451288320.png

 

Step 2: Search for the file theme.liquid. And add this code snippet before tag </head> or </body>: 

<style>
   #CartContainer {
     width: 100% !important;
     max-width: 100% !importnat;
   }
</style>

Step 3: Save your code and reload this page.

=>> The result: 

BSSCommerceB2B_1-1722451408500.png

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now I Donate Us Here!

DaniCollantes
Tourist
15 0 2

I want my cart look like this Captura de Pantalla 2024-08-01 a las 10.14.50.png