We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Why is my shopping cart distorted in mobile view?

Why is my shopping cart distorted in mobile view?

TBS2022
Trailblazer
243 2 36

Hello

My cart is all mangled in mobile view

can anyone help?

TBS2022_0-1696339636566.png

I am using Impulse theme

https://39e9ca.myshopify.com/

riacia

 

Thanks

Replies 16 (16)

syedsumaimaly
Trailblazer
147 16 22

Hi @TBS2022 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

 

.js-qty__adjust--plus {
    right: -40px;
}

 

syedsumaimaly_0-1696340619524.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

websensepro
Shopify Partner
2144 268 319

Hi, @TBS2022.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.js-qty__adjust .icon {
    padding: 0 20px 0px 0px;
}

 

Result:

websensepro_0-1696340915892.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
TBS2022
Trailblazer
243 2 36

it didn't work on my side 😞

websensepro
Shopify Partner
2144 268 319

Add these code and tel me is code is working.

 

.js-qty__adjust .icon {
    padding: 0 20px 0px 0px !important;
}

 

Best regard

Websensepro.

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
TBS2022
Trailblazer
243 2 36

nope - still nothing

websensepro
Shopify Partner
2144 268 319

Please send me screenshot css file.

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
TBS2022
Trailblazer
243 2 36

added to my theme.css.liquid

TBS2022_0-1696421257429.png

 

websensepro
Shopify Partner
2144 268 319

Remove these code and add new code i will provided you.

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
websensepro
Shopify Partner
2144 268 319

Ok i will provide new code replace the padding css:

 

.drawer .js-qty__adjust:hover {
    background: transparent !impotant;
}

.js-qty__adjust .icon {fill: black !important;}

svg:not(:root) {
    overflow: visible !impotant;
}

 

Result: and tel me this problem is fixed.

websensepro_0-1696421143784.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
websensepro

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
TBS2022
Trailblazer
243 2 36

nope

websensepro
Shopify Partner
2144 268 319

Can you send me your store access i will check it what problem and i wil try it solve now .

 

Best Regards,
websensepro

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
TBS2022
Trailblazer
243 2 36

8014

here is the access code

websensepro
Shopify Partner
2144 268 319

Ok i will send a request accept this

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
websensepro
Shopify Partner
2144 268 319

websensepro_0-1696422158514.png

 

Accept these

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
websensepro
Shopify Partner
2144 268 319

sorry bro your store access not provide me.

 

websensepro_0-1696422536459.png

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
TBS2022
Trailblazer
243 2 36

hummm - what do i need to do