Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 3, 2024 at 10:30 am #1436106
    Pasteta

    I want that Tabs items stays horizontal also in mobile. I see that they switch to vertical display on screen sizes smaller than 767px.
    How to solve this with CSS.

    Thanks.

    March 3, 2024 at 1:20 pm #1436123
    Mike

    Hey Pasteta,
    Please link to your page so that we can understand better.

    Best regards,
    Mike

    March 4, 2024 at 7:57 am #1436203
    Pasteta
    This reply has been marked as private.
    March 5, 2024 at 8:53 am #1436335
    Ismael

    Hi,

    Thank you for the link.

    You can add this css code to display the default tab titles side by side, aligned with each other, and hide the alternate ones.

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive .tabcontainer .tab_titles {
    display: block;
  }

  .responsive .tabcontainer .tab.fullsize-tab {
    display: none;
  }
}

    Please note that this modification will affect all Tab elements in the page.

    Best regards,
    Ismael

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