Re: Adding an Icon or image to individual Tab Elements

[davidalexander]

Hey there!

Is it possible to add an icon or an image to an individual tab in the Tab element?

Please see the attached screenshots.

Thanks for your help with this issue.

Talk soon,
Douglas

[tristup]

Hi Douglas,

Thanks for reaching out.
There is no such option to add the icon to the individual tab title. But you can add custom code to the title, as shown in the given screenshot to get the icon on the individual tab.

Hope it helps.
Thanks

[davidalexander]

Hey @tristup!

Thanks for your reply. I’ve added the code provided, but it requires other adjustments so I will abandon it for mow.

Thanks again,
Douglas

[davidalexander]

Hey @tristup!

Quick question: Is it possible to set the individual tabs to either wrap or stag on mobile sizes?

Please see the attached.

Thanks,
Douglas.

[ruenel]

Hello Douglas,

What you have in mind is possible with custom inline CSS for the Tabs element only. Be advised that custom coding is beyond the scope of our support. You may need to contact a 3rd party developer if you are not familiar with coding.

Best Regards.

[davidalexander]

Hey @ruenel!

I have been with you guys for quite a few years and on occasions where the issue is a simple one, you have provided simple custom CSS codes to customers like myself that have solved such problems.

In this case, are you suggesting that this issue with making the Tabs mobile responsive is so complex that you cannot help with it and that I need to consult a third-party developer?

Please, do let me know soonest.

I’m also trying to think of another way to present the information without the use of Tabs

Thanks
Douglas

[tristup]

Hi Douglas,

In the design you mentioned for the mobile the content will show under the Tab title panel, and the user may need to scroll down and check. In that case, I would like to suggest you use the Accordion element for the Mobile only, and Hide it using the Hide During the Breakpoint option available under Customize.
If you still want to use the Tab you need to customize the CSS code, which is beyond the scope of Theme Support and follow the suggestion given by my colleague.

Hope it helps.
Thanks

[davidalexander]

Hey @tristup!

Thanks for your reply and the bolded text. I also appreciate your suggested use of the Accordion element and reinforcing what your colleague suggested.

Maybe ChatGPT can help me with this

Thanks for your time and attention.

It did not help,
Douglas

[tristup]

Hi Douglas,

Thanks for considering my suggestion.