Hi everyone,
My entire site runs on tabs and tab content. Only 3 of the tabs (not tab content) are showing completely (visible, clickable, with their images and label). 1 tab is visible and clickable but the image label isn’t showing. The other 3 tabs are meant to be decorative without content but are not showing at all on publish. I put an H1 element in the content to see if the tab needed content to be visible but it does not appear to be the case. In the designer and in preview, it looks as expected. On publish it doesn’t show at all.
Additionally, I made sure the pages look correct at all of the available breakpoints but on publish the responsiveness still breaks.
hi @aj_dev sorry for the delay, I have no clue why this post was closed. Here is the live link, I had it unpublished until I could fix it, https://dyani.design
Your tabs are using a multiple class which makes it harder to diagnose since each class uses different styles/settings. I would use one class for each tab to make it easier to manage. If you need to hide a tab, set the Visibility to Hidden in the Settings tab on the right.
A quick fix for the disappearing tabs is set the “Tabs Menu 2” class to use display: flex. See screenshot for reference.
@joejola Oh thanks! display:flex worked perfectly thank you! I’ll clean up the tag classes and see about that giant image at the bottom. I still don’t know why that is happening.
