Tabs not Responsive with icons in it

Hey Guys! I have a problem with the Tab-Elements.
I try to put icons in the tabs and it worked, but on mobile it cuts the whole tab off:


How can i fix this problem?

Webadress: enterprise.der-schweighofer.at

Kind regards

Ps: i try do it like these guys with the tabs Link How can i make this?

Hi @Modellsport_Schweigh,

Tabs are responsive by default. We can scroll vertically on tab navigation on small screen. See this: https://screencast-o-matic.com/watch/cqhZXfTIga
Like the sample you have shared, icons size already adjust on smaller screen size. Currently, you have 6 tabs. These tabs will not fit on smaller screen by default thus scroll available. On your sample, there’s only 4 tabs and short text. If we adjust your tabs to show everything even on small screen it will not be as good because it will be too small.

Ahh ok thank you for your reply!

Another Question: Can i add Elements in the Tabs? I only see the options html and rich text.

Kind regards

You’re always welcome @Modellsport_Schweigh.

Do you mean tab panel? What kind of element do you want to add? Please note that since other panels are hidden by default there are limitations on what we can add inside. Elements that uses javascript to display is not recommended. If you can share the things you want to achieve, we can check so we can be more detailed on our suggestion. Thank you.

Yes i mean the Tab Panel. I want to add Images, Buttons, Quotes, Texts & Headlines with the Elements. Add Elements in Elements. https://nimb.ws/dtB5V9

Hey @Modellsport_Schweigh,

Elements are not allowed in the Tab element. However, if you switch the editor to Rich Text mode, you should be able to add contents like headline (h1 to h6), and add images but please note that these will not be the same as the elements in regards to their styling and options.

Hope this helps.

Ok thanks for your help :slight_smile:

You’re most welcome and have a nice week ahead, @Modellsport_Schweigh. :slight_smile:

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.