Brizy Tab element BG colcors

Jean-Pierre Michael

• November 09, 2023 09:05

Hi, Is there a way to have all the tabs at the same width on mobile?

Or change the color of the whole tab? 

This looks so strange. This is the mobile tab element and then the desktop tab element

0

• 

  Ariel H.

  • November 09, 2023 11:04

  Hi Jean-Pierre,

  Thank you for reaching out to us.

  The issue you've encountered arises when you set a background for a column within the tab content area. Unfortunately, there is no option in mobile view to adjust the tab width. The only way to fix this is to use custom CSS to ensure that the tab width is 100% in mobile view similar to this example - https://imgur.com/3DllGGJ

  You can add the following custom CSS to address this issue.

  @media (max-width: 991px) and (min-width: 768px)
  {
  .brz .brz-css-jzwkz > .brz-tabs__content .brz-tabs__nav--button {
      width:100%
  }
  }

  Please try this and in case this didn't work, please provide the URL of your site so we can inspect it.

  Best regards,
  Ariel H.

  0
• 

  Jean-Pierre Michael

  • November 10, 2023 15:16

  I finally modified the tab colors for the mobile view instead with

  div.brz-tabs__nav--mobile {
    background: #89c9d6;
  }

  But this is something you really should improve.

  Any way to get all the tabs closed at first on mobile? It's disturbing if you have a lot of content on a tab, you have to scroll far to get all the other ones

  0
• 

  Ariel H.

  • November 10, 2023 16:11

  Hi Jean-Pierre,

  Thank you for the update, and I'm glad that you managed to fix this on your own.

  Unfortunately, there is no option to close all tabs. I understand the importance of these features, and we will submit this as a feature improvement. 

  Sorry for the inconvenience.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.