Ondersteuning » Code oplossingen gezocht » 2 kolommen categorieen in mobiel versie

2 kolommen categorieen in mobiel versie

  • koddigekoters

    (@koddigekoters)


    2 jaren, 2 maanden geleden

    Goedemiddag,

    Ik ben al even aan het zoeken naar een oplossing van het volgende ‘probleem’:

    Mijn webshop laat op mobile devices 1 product naast elkaar zien. Ik zou graag 2 producten naast elkaar willen zien. Nu heb ik een hoop codes gevonden. Het probleem is alleen dat mijn producten niet op een zogenaamde pagina staan, maar in een categorie.

    Weet iemand hier voor een oplossing?

    Groetjes, Maaike

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Guido

    (@guido07111975)

    2 jaren, 2 maanden geleden

    Hallo Maaike,

    Via Storefront kun je dit niet instellen helaas. Dus zal via een CSS-fix moeten.

    Voeg dit een toe op pagina Extra CSS van de Customizer:

    
@media screen and (max-width:767px) {
	ul.products li.product {width:48%; float:left;}
	ul.products li.product:nth-of-type(odd) {clear:left;}
	ul.products li.product:nth-of-type(even) {margin-left:4%;}
}

    Guido

    Thread starter koddigekoters

    (@koddigekoters)

    2 jaren, 2 maanden geleden

    Wow, thanks! Dit werkt! Heel blij mee, want ik was echt al een aantal uurtjes aan het zoeken geweest. Dankjewel!

    Guido

    (@guido07111975)

    2 jaren, 2 maanden geleden

    Mooi zo. Graag gedaan!

    Dit heeft effect op alle schermen tot en met 767 pixels groot (is een standaard waarde).

    Als je verder geen vragen meer hebt, wil je dan de status van dit topic op “opgelost” zetten?

    Guido

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘2 kolommen categorieen in mobiel versie’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven