I'm having trouble with the tabs elements on mobile. The tabs are not stacking correctly (i.e. directly on top of each other), the text is beginning right next to the tab instead of underneath it and I cannot click any tab.
Ideally I would like this to display like three stacked toggle rows but would be happy if I can just get this to work.
The code on the page seems to be broken that is why the tabs are experiencing this issue. Could you consider rebuilding the page separately piece by piece and only use the page builder \ salient visual composer to edit the page to avoid breaking the code on the page.
I'm having trouble with the tabs elements on mobile. The tabs are not stacking correctly (i.e. directly on top of each other), the text is beginning right next to the tab instead of underneath it and I cannot click any tab.
Ideally I would like this to display like three stacked toggle rows but would be happy if I can just get this to work.
Hi cariirwin,
Apologies for the late reply.
The code on the page seems to be broken that is why the tabs are experiencing this issue. Could you consider rebuilding the page separately piece by piece and only use the page builder \ salient visual composer to edit the page to avoid breaking the code on the page.
Cheers.
Unfortunately that didn't work. I did switch it to a different style (minimal) and it works ok. Would prefer to find a solution but not as urgent now.
Hi cariirwin,
The current tabs seem to be looking okay.
Are you okay with the current set up?
Maybe you could use this CSS to make it look a bit better:
.tabbed[data-style*="minimal"] ul li i{ display:inline-block; margin-bottom:0 }add it to salient \ general settings - css script related - custom css code.
Thanks.