Mobilde logoyu ortaya alamıyoruz.

11-02-2018, 16:20:53

Üyeliği durduruldu

Merhabalar https://aydarhukuk.org logoyu değiştirdik ancak mobilde logoyu bir türlü ortaya alamıyoruz. Nasıl yapabiliriz? Ücreti karşılığında yardım edebilecek kimse var mı?

11-02-2018, 16:35:15

#2

Oguzhanozuag

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

Merhabalar https://aydarhukuk.org logoyu değiştirdik ancak mobilde logoyu bir türlü ortaya alamıyoruz. Nasıl yapabiliriz? Yardımcı olacak arkadaşlara şimdiden çok teşekkürler

Hangi çözünürlükte ortalamak istiyorsanız @media şeklinde ayarlayın daha sonra aşağıdaki işlemleri uygulayın. (a'ya 100% width vermelisiniz ama display:block; vermeden veremezsiniz daha sonra text-align:center; verin. Son olarakta içerisinde img'e margin 0 auto; vermeniz yeterli olacaktır.)
.site-header .site-branding .custom-logo-link{float: left;margin-right: 11px;margin-top: 4px;display: block;width: 100%;text-align: center; }
.site-header .site-branding .custom-logo-link img{vertical-align: top;margin: 0 auto;}

11-02-2018, 16:40:51

#3

~~avmrt~~

Üyeliği durduruldu

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

Hangi çözünürlükte ortalamak istiyorsanız @media şeklinde ayarlayın daha sonra aşağıdaki işlemleri uygulayın. (a'ya 100% width vermelisiniz ama display:block; vermeden veremezsiniz daha sonra text-align:center; verin. Son olarakta içerisinde img'e margin 0 auto; vermeniz yeterli olacaktır.)
.site-header .site-branding .custom-logo-link{float: left;margin-right: 11px;margin-top: 4px;display: block;width: 100%;text-align: center; }
.site-header .site-branding .custom-logo-link img{vertical-align: top;margin: 0 auto;}

Pek anlamasamda wordpress'den hocam şimdi deniyorum, çok teşekkür ederim.

Ücretli yardımcı olabilecek bir arkadaş varsa ulaşabilir mi?

11-02-2018, 17:18:00

#4

~~by_karahan~~

Üyeliği durduruldu

Css dosyasındaki aşağıdaki kodu silip;

.site-header .site-branding .custom-logo-link {
float: left;
margin-right: 11px;
margin-top: 4px;
}
Yerine aşağıdaki kodu koyun;
@media all and (min-width: 640px) {.site-header .site-branding .custom-logo-link { float: left; margin-right: 11px; margin-top: 4px; }}
daha sonra aşağıdaki kodu ekleyin;
@media all and (max-width: 640px) {.site-header .site-branding .custom-logo-link img {display:flex;margin: auto;}}

11-02-2018, 18:07:50

#5

~~avmrt~~

Üyeliği durduruldu

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

Css dosyasındaki aşağıdaki kodu silip;

.site-header .site-branding .custom-logo-link {
float: left;
margin-right: 11px;
margin-top: 4px;
}
Yerine aşağıdaki kodu koyun;
@media all and (min-width: 640px) {.site-header .site-branding .custom-logo-link { float: left; margin-right: 11px; margin-top: 4px; }}
daha sonra aşağıdaki kodu ekleyin;
@media all and (max-width: 640px) {.site-header .site-branding .custom-logo-link img {display:flex;margin: auto;}}

hocam buda olmadı, çok teşekkür ederim.

11-02-2018, 18:17:30

#6