Hello Shopify community,
I have a custom liquid text field as below and these three boxes are the same length.
In order to do this, I had to change the width value in base.css (2nd image below)
However, when I access my website on my phone,
the 2nd text is shorter than other two boxes.
Could you help me fix this problem?
Many thanks in advance!
On a desktop, three custom fields are the same length but when you see this on mobile, you’ll see that the 2nd box is shorter.
Add this additional CSS code below your existing CSS code
@media (max-width: 749px) {
.field.custom { width: 100% !important; }
}
Thanks!
But unfortunately, I already have some codes added to CSS code.
It gives me this error message…
Your custom CSS has reached the size limit of 500 characters. Remove some CSS to save your changes.
Is there another solution to this?
Please add code to your base.css file where you add the previous CSS code
This is Noah from PageFly - Shopify Page Builder App
Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
hii, can you please help me my cart drawer delete button does not working …please help!
My store URL :https://mansaroverfurnishings.com/
Hi,
Here is the comments:
This may need small correction in CSS, here are the details:
CSS:
Class name: field custom:
Modify: Width: 100% (Right now it is width: 79.4%)
Thanks,
Andy, eBizTrait Inc
Shopify Expert
https://www.shopify.com/partners/directory/partner/ebiztrait
Hi @manan123 Iam sorry for delay, Can you explain more this issue, I have check but don’t see issue of you. Iam sorry about that.
check the cart drawer of my website, delete button not working
This worked!
Many thanks!
Hi @manan123 Iam sorry abou that, but in my device i have check all button in cart drawer but it work fine. Maybe this issue only happens with some devices. Can you clear your browser cache or use incognito to try again?
Happy I could help!
i’m facing an another problem , i want to hide the inventory message on my product page , please help me with that
here’s url :https://mansaroverfurnishings.com/products/atena-bed-spread-collection-by-ross-1?_pos=1&_sid=128337bb3&_ss=r
