Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 15, 2023 at 5:42 pm #1410798
    annevoelkel

    Dear Krisies,
    I’m using the tab element for an A-Z sorting, what works nice. My custom class for that element is .a-bis-z .
    At 767px tabs switch to a full width accordion in resonsive mode, what I don’t want. Tab titles contain only one character so it is usefull to keep the tabs in normal width. I read a topic due to my problem from February 11, 2015 what is rather old.
    What can I do?

    Best regards
    Anne

    June 16, 2023 at 6:43 am #1410896
    Ismael

    Hey annevoelkel,

    Thank you for the inquiry.

    We may need to inspect the site in order to understand the issue. Please provide a link to the page and post a screenshot. You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot.

    Best regards,
    Ismael

    June 16, 2023 at 11:03 am #1410910
    annevoelkel

    Hey Ismael,
    you can inspect the site and the particular page live. Please see the attached link.

    Best regards Anne

    June 16, 2023 at 2:36 pm #1410937
    Nikko

    Hi Anne,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

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

  .responsive .tabcontainer .tab_titles .tab {
    width: auto;
  }

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

    Hope it helps.

    Best regards,
    Nikko

    June 16, 2023 at 2:57 pm #1410941
    annevoelkel

    Hi Nikko,
    it works perfectly! Thank you very much and you can close this topic.
    Best regards Anne

    June 16, 2023 at 3:01 pm #1410942
    Nikko

    Hi Anne,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘prevent tabs switching to full width (accordion) at 767px’ is closed to new replies.