WebSite X5Help Center

 
Andrea D.
Andrea D.
User

Immagine header che si adatta al responsive  it

Автор: Andrea D.
Просмотрено 1637, Подписчики 2, Размещенный 0  

Ciao a tutti, tempo fa ho aperto un post per tenere operativi codici HTML e oggetti extra nell'header anche in responsive e grazie a Mirko e Kola son riuscito a farlo.

Oggi stavo navigando tra le richieste degli utenti e mi sono imbattuto in questo: https://helpcenter.websitex5.com/post/144283

Senza sporcare il post dell'altro utente per non complicargli le cose, apro questo e vorrei adattare la modifica e rendere l'immagine ridimensionata automaticamente in base alla risoluzione, insomma come succede nel sito test di Mirko, senza però perdere la funzione search e i codici html nel responsive.

Ispezionando il suo sito ho trovato questo codice dopo l'apertura del tag body:

<divid="DIV_CUSTOM" style="position:relative;top:0px;width:100%;z-index:-1;text-align:center;"><imgsrc="mrk/10.jpg" width=100% style="max-width:960px;"></div>

Li ho inseriti e sono effettivamente riuscito a farlo funzionare solo che si crea un'altra immagine, ovviamente. Ho provato anche ad eliminare quella per il Top inserita nel punto 1 ma rimane sopra. A parole forse non mi so spiegare quindi inserisco il mio sito test: http://indirizzodiprova.altervista.org/tig3rtest

Qualche soluzione?

Размещено
6 Ответы
Giuseppe Guida
Giuseppe Guida
User

Occhio però che provando a ridurre la finestra del browser, ad alcune grandezze di visualizzazione viene fuori una barra di scroll orizzontale sotto e lo schermo non risulta centrato come vedi nello screenshot allegato... ciao ciao

Читать больше
Размещено От Giuseppe Guida
Mirko Boschetti
Mirko Boschetti
Moderator

appare la barra di scroll, perchè il campo ricerca è troppo a dx, potrebbe aggiustare la posizione del campo con i breackpoint  per far sparire la barra di scroll...

Читать больше
Размещено От Mirko Boschetti
Andrea D.
Andrea D.
User
Автор

La barra scroll non l'avevo nemmeno vista, più che altro provandolo sul cell non mi dava grossi problemi di visualizzazione, comimque avete fatto bene a dirmelo.

Ieri sera ho aggiornato un po' e "ho capito" come eliminare il doppio header, cioé escludendo l'intestazione al passo 1 nella struttura.

Adesso l'ho lasciato, in bianco, perché vorrei capire come inserire la barra di ricerca, menu lingue, quantitá e prezzo carrello (insomma le voci che si vedono nell'intestazione) su per giù nella stessa posizione e anche queste, responsive o no, seguono l'header senza che si spostano o spariscono come ora...

Читать больше
Размещено От Andrea D.
Mirko Boschetti
Mirko Boschetti
Moderator

ti aveva già risposto KolAsim in uno dei tuoi Post, ma ora non lo trovo più...

Читать больше
Размещено От Mirko Boschetti
Andrea D.
Andrea D.
User
Автор

Si Mirko me lo ricordo, io quello che mi avete suggerito in quel post l'ho messo in pratica tanto è vero che lo sto utilizzando nel sito ufficiale attualmente.

Però con il codice di kola, che ho appena caricato nel sito di test, come vedete, quando entra in responsive comincia a tagliare l'immagine e "Prodotti" - "Prezzo" non seguono il contenuto.

Mentre se utilizzo il tuo codice, da inserire nel body, l'immagine segue la risoluzione ma non riesco a inserire nella giusta posizione i codici extra e non si adattano con l'immagine...

Sto appunto cercando un aiuto per sistemare uno dei due codici, tuo o di kola, senza escludere il modello se no significherebbe fare ogni pagina a mano e non mi sembra il caso...

Читать больше
Размещено От Andrea D.