How can I make my website content mobile responsive?

Shopify Discussion

Topic summary

Mobile responsiveness of a section on a Shopify store (Kalles theme). The original poster requested help to make the section responsive on mobile, shared a screenshot and provided a preview URL with a password, asking for code.

Update: A responder observed the layout now appears fixed via custom CSS, noting heavy use of margins and paddings. They included a Chrome responsive-view screenshot as evidence.

Action items: The responder asked the poster to document the steps taken for the Kalles theme to help others and to mark the solution once confirmed. No code was provided in the thread.

Status: Appears resolved based on the latest check, but pending the original poster’s confirmation, step-by-step explanation, and marking the solution. Screenshots are central to the context; no additional attachments beyond the site link and password were used.

Summarized with AI on January 9. AI used: gpt-5.
1

i want to fix this section content as mobile responsive

Capture.PNG
Capture.PNG445×495 20.1 KB

Can some one please help me in this and send me code

https://intervi e.myshopify. com password / ahrahb

2

Looks like this already fixed using custom-css settings with heavy use of margins and paddings.

You can help future merchants by explaining the steps your took for the Kalles theme.

And you can mark your own responses as a solution.

screenshot of site in chrome(v120 latest) responsive view:

PaulNewton_0-1703885174380.png
PaulNewton_0-1703885174380.png307×537 89.1 KB