Tab section content being cut off

Hey lauragale2020,

Thank you for the inquiry.

Adding this css code should help limit the content within the tab section element.

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-layout-tab-inner .container {
      width: 100vw;
      max-width: 85%;
      margin: 0 auto;
  }
}

Result:

Best regards,
Ismael

Hi,

To correct the display on desktop view, please add this css code:

.av-layout-tab-inner .container {
    max-width: 100vw;
}

Make sure to add this before the previous css code above.

Result:

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

It’s possible that there are unclosed or invalid css media queries in the Quick CSS field. Please make sure all css rules are valid and properly closed. If you can provide the login details, we’ll be happy to check it for you.

Best regards,
Ismael

Hi,

Thank you for the info.

We adjusted the code in the Quick CSS field a bit. It should be working correctly now.

.responsive .av-layout-tab-inner .container {
    max-width: 100vw;
}

Best regards,
Ismael