Problème responsive design

Start
Prev
1
Next
End

djiben
Topic Author
Offline

Posts: 261
Thank you received: 4

9 years 6 months ago #193921

-- url of the page with the problem -- : nowtime.mateva.fr/
-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.3.6

Bonjour,
J'ai mes images qui se chevauchent sur I-pad, sur un écran plus petit elles finissent par se mettre les unes au-dessous des autres.
Auriez-vous une solution pour moi ?
Je précise que j'ai bien activé le mode bootstrap.

Merci d'avance

Attachments:

Please Log in or Create an account to join the conversation.

nicolas
Away

Posts: 82545
Thank you received: 13285
MODERATOR

9 years 6 months ago #193923

Bonjour,

Il faut adapter le CSS responsive pour que cela switch au moment voulu en fonction de la largeur disponible, ou plus simplement réduire le nombre de colonne du listing par défaut.

Par exemple, dans le CSS d'HikaShop le switch de plusieurs à une colonne se fait à 767px de largeur:

@media (max-width: 767px) {
	.hikashop_categories_listing_main .row-fluid-10 [class*="span"],
	.hikashop_categories_listing_main .row-fluid-8 [class*="span"],
	.hikashop_categories_listing_main .row-fluid-7 [class*="span"],
	.hikashop_products .row-fluid-10 [class*="span"],
	.hikashop_products .row-fluid-8 [class*="span"],
	.hikashop_products .row-fluid-7 [class*="span"] {
		float: none;
		display: block;
		width: auto;
		margin-left: 0;
	}
}

Donc il suffit d'augmenter le max-width pour que cela switch à la largeur que vous voulez.

Please Log in or Create an account to join the conversation.