salve a tutti
avrei bisogno di un piccolo aiuto per capire come risolvere questo problemino.
vorrei personalizzare il blocco delle categorie, e fare in modo che le scritte non si sovrappongono; ho allegato uno screen per visualizzare gli errori in questione; c'è anche il logo che copre le scritture.
saluti e grazie
Ciao, sarebbe forse più utile vedere parte almeno dell'html e css usato al momento.
A grandi linee dovresti gestire o il font-size e magari in base alle media-query o gestire il comportamento dei contenitori stessi.
Per fare una esempio banale, nel menu di sinistra potresti mettere per ogni voce un DIV, e al suo interno 2 DIV (left/right) , dare dei float ad uno o all'altro (o entrambi) con del maringe per evitare la sovrapposizione e mandare a capo il testo.
ciao grazie per avermi risposto.
dovrei agire solo sul file css? o bisogna modificare anche il file html?
Non vedendo l'html non posso sapere, potrebbe essere solo css o magari anche html
....devo inviare qualche file, o è semplice che posso controllare anche io?
Puoi postare qui i codice se vuio/puoi inserendolo fra i tags CODE. Se il sito e' online potresti fornire semplicemente un link, magari si tratta di piccole modifiche,
https://maniadishop.com/110-orologi-da-polso
a questo link ho aggiunto un immagine per farti vedere come
la scrittura viene sovrapposta dall'immagine.
Per fari un esempio banale, dato che l'immagine del carrello e' posizionata in modo assoluo con position:absolute, per evitare sovrapposizione potresti dare al div con id category-description un padding-right di 150px per limitare il testo fino a prima dell'immagine.
In sostanza tanto padding tanto quanto occupa l'immagine (circa).codice:#category-description { padding-right : 150px; }
Da quel che vedo poi su mobile e quindi con le media query è già gestito diversamente e viene mandata sotto (l'immagine del carrello).
Quindi la regola soprastante, solo se la media-query sta al di sopra di una certa dimensione. Non so come sia il tuo file css esattamente ma una cosa simile:
Modifiche di questo tipo .codice:@media (min-widht: 992px) { #category-description { padding-right : 150px; } }
grazie
e per quanto riguarda alle sottocategorie sul lato sinistro?
https://maniadishop.com/11-orologi
Cosi' su 2 piedi puoi modificare la propery right di: .block-categories .collapse-icons
settandola a -30px, oppure ridurre il font-size delle voci di menu.
Anche qui ovviamente dovrai controllare e gestire per le media query se necessario
Permessi di invio
Rispondi quotando