Variant Dropdown and Quantity Buttons Too Large After Code Change – Backup Didn't Fix the Issue

Variant Dropdown and Quantity Buttons Too Large After Code Change – Backup Didn't Fix the Issue

Sohayl67
Explorer
59 0 20

"I previously made some changes to the code on my product page, but I can't remember exactly which part I modified. Now, the variant dropdown, as well as the +/– quantity buttons, are 5x larger than they should be. I tried restoring my older code from a backup, but the problem persists. Any advice on how to troubleshoot and fix this?"

Reply 1 (1)

BSSCommerce-B2B
Shopify Partner
1962 564 565

@Sohayl67,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

 

<style>
.quantity__button svg,
.facet-filters__field svg {
  width: 1rem!important;
}
</style>

 

Result:

BSSCommerceB2B_0-1729086169652.png

BSSCommerceB2B_1-1729086275566.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

 

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