Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1177558

    I’m using the tab section on our homepage and it works perfectly in general but there are some problems with the mobile version of it.
    The symbols and headlines are either pressed to the left side (when changing the size of the browser window) and don’t appear next to each other but rather under each other. Or the symbols/headlines of the tabs don’t show up at all (on an actual smartphone) – you’re still able to tap and the sections change accordingly.
    Thank you very much in advance!

    • This topic was modified 4 months, 1 week ago by  HRworks.

    Hey Birgit,

    Thank you for the inquiry.

    The following css code in the style.css file alters the default style of the tab section titles. It causes the titles to stack on top of each other.

    .av-section-tab-title {
    	padding: 0 !important;
    	display: block !important;

    What is it for?

    Best regards,


    Hello Ismael,

    You’re right, that was our fault. This CSS should only be for one specific accordeon on one page where we needed individual adjustments. Seems we forget to add the class name :)

    Thank you for helping! Topic can be closed.



    Great, I’m glad that Ismael could help you out and thanks for the update. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Tab Sections on mobile’ is closed to new replies.