Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.wpb_wrapper.tabbed {
overflow: scroll !important;
}
}
Hi,
I'm trying to make the tab links overflow scroll on mobile, but it does not seem to be working.
please can you tell me how I can make the tabs scroll?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) { .wpb_wrapper.tabbed { overflow: scroll !important; } }Thanks
ThemeNectar Support Team
Hi Tahir,
Thanks for your response.
That appears to scroll the full section rather than just the tab list. Do you know whether it is possible to just make the tabs scroll?
Hey Again,
I am afraid its not possible with the given html markup of the tabs.
Thanks.
ThemeNectar Support Team
No problem. Thanks anyway