Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 18, 2021 at 7:22 pm #1310630
    flordelizamejia

    Hello! Thank you in advance for any help.

    I am using the tab element on this page: https://dev4kostbare.wpengine.com/services/
    It works great! However, on mobile – the tabs become stacked into an accordion.

    Curious if there was a way to keep the tab titles at the top of the window (similar to how it appears on desktop), rather than stack in mobile.

    July 19, 2021 at 1:58 pm #1310735
    Ismael

    Hey flordelizamejia,

    Thank you for the inquiry.

    Yes, that should be possible. Please try to add this code in the Quick CSS field or in the child theme’s style.css file. 

    @media only screen and (max-width: 767px) {
    .responsive .tabcontainer .tab_titles {
        display: block;
    }

    .av_tab_section .tab[itemprop="headline"] {
        display: none !important;
    }
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    July 19, 2021 at 2:08 pm #1310737
    flordelizamejia

    AMAZING! This worked perfectly!

    Thank you so much for the support =)

    July 20, 2021 at 6:16 am #1310822
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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