Tagged: tab section
The following page displays properly on my PC but when it is viewed on a tablet (iPad) the right hand side of the “Contact” tab is cut off.
https://www.48thhighlanders.ca/museum/
Hey,
Thanks for contacting us and sorry for the late reply!
That is actually expected, to show visitors that there are more tabs and once they click on other tabs, more tabs reveal :)
You can add following code to bottom of Quick CSS in Enfold theme options > General Styling tab
@media only screen and (max-width: 1200px) {
#top .av-section-tab-title {
padding: 10px 15px 0px 15px;
}}
That would decrease padding between tab titles and should make the last visible on ipads as well.
Best regards,
Yigit
Works perfectly
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon