HORIZONTAL TABS ON MOBILE DEVICE

Hello! I want to make horizontal tabs with images gallerys https://stolloft.com/design-ideas/. But the names of the tabs are displayed in a horizontal line on the mobile device (photo 1). Only the first few tabs are visible on the mobile. To see the rest of the tabs, you need scroll from right to left. But it’s not very convenient. I would like to do like here https://woodmart.xtemos.com/wpbakery-elements-library/ (photo 2). I want tab names to appear in several rows.

I would be grateful for your help!
Irina.

Attachments:

You must be logged in to view attached files.

Hello,

First of all, you should not insert the carousel inside the tabs. The code conflicts and carousel does not work correctly.

You can show horizontal tabs on desktop and tour elements on mobile. You need to create two rows: one with tabs and one with a tour and configure showing the columns on different devices: https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

Best Regards

Thank! Found a solution through vertical tabs.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts