Toggle Menü Düzenleme - Pavilion Tema

02-06-2019, 21:02:09

Merhabalar,
Opencart pavilion tema kullanıyorum, mobildeki menüde ufak bir düzenleme yapmak istiyorum.
Öncelikle ücretsiz yardımcı olan olursa sevinirim, ücret talep eden arkadaşlarda yazabilirler.
Teşekkürler
Site (içgiyim sitesidir)

Mobildeki menüyü ilk resimdeki gibi görünsün istiyorum

02-06-2019, 21:10:40

#2

mikropiks

Hocam tam bakamadım ama aşağıda ki CSS parçası işinizi görmesi lazım

@media screen and (max-width: 768px) {
    span.tbToggleHeader {
        width: auto;
        padding: 0px 10px !important;
    }
    span.tbToggleHeader:before {
        display: contents;
    }
}

02-06-2019, 21:39:37

#3

WebGun

mikropiks adlı üyeden alıntı: mesajı görüntüle

Hocam tam bakamadım ama aşağıda ki CSS parçası işinizi görmesi lazım

@media screen and (max-width: 768px) {
span.tbToggleHeader {
width: auto;
padding: 0px 10px !important;
}
span.tbToggleHeader:before {
display: contents;
}
}

Merhaba,
Css dosyasından kodu ekleyemedim fakat html kod üzerinden şu şekilde ekledim, ve span.tbToggleHeader:before'ıda ekleyemedim, css dosyasını arıyorum biraz karışık

Son hali şu an sitedeki gibi, ufak bir değişiklik oldu, teşekkürler ilgilendiğiniz için
<span style="padding: 0px 10px !important;" class="tb_toggle btn btn-lg tb_no_text fa fa-bars tbToggleHeader tbMobileVisible tbMobileHidden">Ürünler</span>

02-06-2019, 21:49:18

#4

mikropiks

WebGun adlı üyeden alıntı: mesajı görüntüle

Merhaba,
Css dosyasından kodu ekleyemedim fakat html kod üzerinden şu şekilde ekledim, ve span.tbToggleHeader:before'ıda ekleyemedim, css dosyasını arıyorum biraz karışık

Son hali şu an sitedeki gibi, ufak bir değişiklik oldu, teşekkürler ilgilendiğiniz için
<span style="padding: 0px 10px !important;" class="tb_toggle btn btn-lg tb_no_text fa fa-bars tbToggleHeader tbMobileVisible tbMobileHidden">Ürünler</span>

Hocam düzenleme yaptığınız yerin üstüne veya altına bu şekilde bir style açarak koyabilirsiniz

<style type="text/css">
@media screen and (max-width: 768px) {
    span.tbToggleHeader {
        width: auto !important;
        padding: 0px 10px !important;
    }
    span.tbToggleHeader:before {
        display: contents !important;
    }
}
</style>

02-06-2019, 22:34:08

#5

WebGun

mikropiks adlı üyeden alıntı: mesajı görüntüle

Hocam düzenleme yaptığınız yerin üstüne veya altına bu şekilde bir style açarak koyabilirsiniz

<style type="text/css">
@media screen and (max-width: 768px) {
    span.tbToggleHeader {
        width: auto !important;
        padding: 0px 10px !important;
    }
    span.tbToggleHeader:before {
        display: contents !important;
    }
}
</style>

Tamam hocam,ben dışarı çıktım yapinca bildiririm size tesekkurler ilginiz icin

30-07-2019, 21:41:26

#6

WebGun

Sorunu hala çözemedim, ücretsiz veya ücretli yardımcı olacak biri varmıdır?
Teşekkürler

@soxiety_ sorunu halletti teşekkürler.