Mobilden Cafebrodys.com/menu sayfasına girince menü başlıkları bu şekilde telefon modeline göre responsive hale geliyor ancak ben her telefon için ideal ayarı bulmaya çalışırken menü aralarındaki boşluk /font boyutu gibi ayarları özelleştirebileceğim bir kod var mı ?
Yardımcı olursanız sevinirim.
Kullandığım Css kodu:
@media (max-width: 768px){
.vc_tta.vc_tta-tabs .vc_tta-tabs-container {
display: block;
}
.vc_tta.vc_tta-tabs .vc_tta-tabs-container a {
padding: 0px 5px;
height: 28px !important;
}
.vc_tta.vc_tta-tabs .vc_tta-tabs-container a i {
display: inline-block !important;
line-height: 18px !important;
width: 20px !important;
height: 20px !important;
font-size: 10px !important;
float: left;
}
.vc_tta.vc_tta-tabs .vc_tta-tabs-container a span {
float: right;
font-size: 15px;
}
.vc_tta-panels-container .vc_tta-panel-heading {
display: none !important;
}
body .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block !important; }
body .vc_tta.vc_general .vc_tta-panel-heading { display: none !important; }
