Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 18, 2023 at 10:02 pm #1419510
    woogie07

    Hi,

    I am using accordian slider element on homepage – it looks great on desktop, but on mobile the 3 x images over 1 column crash the text and it doesn’t work well. Is there any CSS/settings to stack the 3 x images under each other on mobile?

    Thanks

    September 19, 2023 at 5:37 am #1419526
    Ismael

    Hey woogie07,

    Thank you for the inquiry.

    There is no option for this by default, but you can try the following css code to stack the items above each other. You may need to toggle or temporarily disable the Enfold > Performance > File Compression after applying the css.

    @media only screen and (max-width: 768px) {
  /* Add your Mobile Styles here */
  #top .avia-accordion.av-lgxa50ax-1e97fbcac290d3df69c38cef630b7911 {
    max-height: 9999px;
    height: 999px;
  }

  #top .avia-accordion.av-lgxa50ax-1e97fbcac290d3df69c38cef630b7911 .aviaccordion-inner {
    overflow: visible;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  #top .avia-accordion.av-lgxa50ax-1e97fbcac290d3df69c38cef630b7911 .aviaccordion-slide {
    position: relative;
    left: 0;
  }
}

    Best regards,
    Ismael

    September 21, 2023 at 2:23 pm #1419912
    woogie07

    My concern is that its not obvious that browsers have to click on the tab headers to rotate to the section.

    I could add a line above to make it clearer but this may get lost.

    Is there an auto rotation on this element that slides copy and content across or an alternative element?

    Thanks

    September 22, 2023 at 4:42 am #1419978
    Nikko

    Hi woogie07,

    We can continue the discussion on this thread: https://kriesi.at/support/topic/tab-section-27/

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.