marging left da problemi alle immagini sul responsive

[pippomat]

Ragazzi ho realizzato (ancora in locale) un template per wordpress responsive ... ho un piccolo problema che non sto riuscendo a risolvere.... vi spiego:

l'header del template contiene un logo aziendale .... ora con questo codice CSS il logo viene posizionato sulla parte sx ... e non crea nessun problema nella visualizzazione su phone (vedo il logo centrale).

.header {
    display: block;
    background-image: url(../images/header-texture-1.jpg);
    background-position: center top;
    background-repeat: repeat;
    background-size: auto;
    min-height: 153px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}


.header .logo-image {
    display: block;
    position: relative;
    margin-top: 5%;
}


.header .logo-header {
    display: block;
    float: left;
    height: 153px;
}

Se volessi mettere il logo centralmente ho messo il padding-left: 300px; ... e vedo il logo centralmente su desktop ma quando visualizzo il sito con phone naturalmente l'immagine del logo viene ridimensionata troppo diventa troppo piccola...

.header .logo-header {
    display: block;
    padding-left: 300px;
    height: 153px;
}

Come posso risolvere?? ... spero di essere stato chiaro. ....

ecco due immagini che vi fanno capire la situazione:

versione desktop:

Schermata 01-2456677 alle 12.45.02.jpg

versione responsive:

Schermata 01-2456677 alle 12.44.53.jpg

[deleted_20210415]

Se il logo è solo un'immagine, per centrarla potresti provarla a racchiuderlo in un tag <p>, in questo modo

<p style="text-align:center;"><img src="tuologo.png"></img></p>

[pippomat]

ok fantastico funziona perfetto ....

un altra dritta ... a volte ci si perde in piccolezze

se avessi 2 immagini da allineare al centro e orizzontalmente??? ...

ho provato con :

.class_div {
	text-align:center;
}


.class_div img {
	float:left;
	width: auto; 
	max-width: 100%;
}

ma nulla mi mette tutto sulla sx ...

[deleted_20210415]

Hai provato con

<p style="text-align:center;"><img src="tuologo.png"></img><img src="otherimage.png"></img></p>

​?

[pippomat]

si ho provato ma non funziona ... mette le immagini una sotto l'altra.


ho aperto un altro thread ... mettendo il titolo giusto ....

lo trovi qui:

http://forum.html.it/forum/showthrea...readid=2902790

[deleted_20210415]

Ti ho risposto di là