Icon with text section

[sim8]

Hi, Could anyone help me with the following: I am using theme Dawn and would like to have an icon with text section like the one below (need it to be a carousel with the dots when viewing on mobile) 

On desktop:

On mobile:

[mrashid]

@sim8 

I’d be happy to help with this! To create an icon with text section that functions as a carousel with dots on mobile in the Dawn theme, we’ll need to adjust the theme’s Liquid and CSS code to enable the carousel effect. I can guide you on setting this up or assist directly with the coding if needed.

Let me know how you’d like to proceed, and I’d be glad to help make this feature work seamlessly on mobile!

[Markit-Themes]

Hi Sim8,

No one on the forum will provide you with a ready-made code for something like this because creating such a carousel could take up to two hours. Personally, I recommend installing a page builder from Shopify apps. They often offer a free option for a few sections, and you'll easily find such a section in a page builder like that.

Regards,

Markit-Themes

[Moeed]

Hey @sim8 

If your theme doesn't have this type of section already by default then you will have to custom code it manually in your theme files. Since it's not only possible with CSS and will require HTML and Liquid code as well so if you're not familiar with coding then I highly suggest you to hire a Shopify developer who can help you out with that. Feel free to let me know if you want me to help you out and I would be more than happy to give you a helping hand.

Best Regards,

Moeed

[mrashid]

@sim8 While using a page builder is one option, it may not provide the exact functionality you're looking for, and it might be excessive for just one section. Instead, if you’d like, I can help create this carousel section specifically for your needs. It will require custom code to achieve the design and functionality you want, but this approach will ensure it integrates smoothly with your theme.

[sim8]

Thanks for your reply. I have been able to get the icons with text already, but it's only stacked on the mobile. What adjustment are need in the theme’s Liquid and CSS code to enable the carousel effect with the dots?

[mrashid]

@sim8 you added multi column section ? right

[sim8]

@mrashid No I have used Feature #1 from the Section Store

[mrashid]

@sim8 store url?

[sim8]

I have sent you a PM