Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 23, 2020 at 11:42 am #1177558
    HRworks

    Hi,
    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!
    Rebecca

    • This topic was modified 4 years, 11 months ago by HRworks.
    January 24, 2020 at 9:45 am #1178045
    Ismael

    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,
    Ismael

    January 24, 2020 at 5:09 pm #1178182
    HRworks

    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.

    January 25, 2020 at 10:43 am #1178323
    Rikard

    Hi,

    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,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Tab Sections on mobile’ is closed to new replies.