Tagged: tab section
Dear Support,
i have created a new tab section.
1. It’s not responsive and it’s overlapping (should expand the tab to the longest word)
2. On some devices, the content (text box) which is fitted to the tab it’s not displayed in a right way.
Tested on Samsung S6, Samsung Galaxy 12.1 Tab, Chrome, Firefox
Best
Hey A.,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hey Rikard,
sure.
Hi,
you can make font-size smaller, so it doesn’t get overlapped anymore. Use this code:
span.av-inner-tab-title {
font-size: 10px;
}
and adjust as needed.
If you want to adjust it for mobile only, then go for adding some media queries:
@media only screen and (max-width: 767px) {
span.av-inner-tab-title {
font-size: 10px;
}}
Best regards,
Andy