Hello
I would like to have my add to cart button on mobile view appear in 2 lines.
actually it looks like that
and i want it like this
I am using the Impulse theme
https://c2235f-4.myshopify.com/
atreck
thanks in advance for the help.
Topic summary
Goal: show the Add to Cart control on mobile in two lines (images provided to illustrate current vs desired layout). Theme: Impulse; a store link was shared.
Initial approach: insert custom code into theme.liquid above (theme.liquid is the main layout file in Shopify themes). The exact code snippet was not included in the thread.
Outcome: the change did not work.
Updated analysis: the Add to Cart control is rendered as an HTML input element, not a button. This limits styling options (e.g., text wrapping) and prevents achieving the two-line layout via CSS alone.
Recommendation: modify the theme to use a standard button element instead of input for the Add to Cart control, then apply the previously suggested styling to enable two-line text wrapping.
Status: unresolved/ongoing. Action items: change the element type in the Impulse theme templates, then add the CSS. Unanswered details: specific steps or code to convert input to button and the exact CSS needed.
Notes: screenshots are central to understanding the desired design change.
Hi @TBS2022
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Noah | PageFly
it didn’t work
My bad i was checking on the wrong page
After checking on the issue. I tried with all possible code i can, but the main reason is your theme using that is not a button but it is an input element which caused the issue and prevent all the customize.
In this case, i suggest you change the element from ‘input’ to standard ‘button’ first, then apply the code above it will fix