Merhaba,iyi forumlar dilerim.
10 Saattir çözemediğim bir CSS sorunu var yardımcı olabilirseniz minnettar olurum.
Sorun Wp Bakery ile oluşturduğum Tabs kısmında gerçekleşiyor.Fotoğrafta görebileceğiniz gibi menüler mobil telefondan girince üst üste biniyor amacım sadece olması gereken fotoğrafında olduğu gibi tek bir tabs menüsünün sayfanın başında sabit bir başlık olarak hemen altında ise ilgili menü açılması gerekiyor ama 2 tabs kısmı bütün düzeni bozuyor.

sorunun fotoğrafı
olması gereken

Kullandığım kod
@media (max-width: 767px) {
  /* CSS for mobile screens */
  .vc_tta.vc_tta-tabs .vc_tta-tab {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .vc_tta.vc_tta-tabs .vc_tta-tab a {
    padding: 10px;
    display: block;
    text-align: center;
  }
  .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  /* CSS for desktop screens */
  .vc_tta.vc_tta-tabs .vc_tta-tab {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .vc_tta.vc_tta-tabs .vc_tta-tab a {
    padding: 10px;
    display: inline-block;
    text-align: center;
  }
  .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
}