Hello,
I want to make icon and text in same line , link desktop, but in case of with in mobile need to slide to show the icon & text one by one,
https://tki2fhinkrktxapw-63003001005.shopifypreview.com
please help
Topic summary
Goal: Align an icon and text on the same line for desktop; on mobile, present them in a sliding sequence (i.e., a carousel/slider showing items one by one).
Context: This involves CSS and Shopify theme customization. A preview link and a screenshot were provided to illustrate the desired layout, suggesting the image is central to understanding the visual requirements.
Recent update: A responder could not provide a coding solution and recommended hiring a Shopify expert via a provided link for implementation.
Status: No technical solution or code was shared yet; the request remains unresolved.
Open questions:
- Exact HTML/CSS/JS structure needed to create the desktop inline layout and mobile slider.
- Whether a specific Shopify section/app (e.g., a slider component) should be used versus custom code.
- Accessibility and responsiveness considerations for the mobile slider behavior.
Hey, @Sohan2198
I’m not formally trained in code to provide you with an exact solution to make this coding change. However, I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price.
Just wanted to share this as an option in case you are unable to find a coding solution in your thread.
1 Like