Support » CSS / opmaak vragen » Social media icons onder/naast elkaar

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Hoi Daylliance

    Je maakt gebruik van een thema met een resposive framework. In jouw geval Bootstrap. Elk icoon zit in een div bestand met 1/3de breedte. Bootstrap heeft voor elke weergave opties om de kolommen naast elkaar te houden of onder elkaar te zetten. In jouw geval wil je op een klein scherm (mobiel) de iconen naast elkaar houden.

    Hoe word deze indeling gemaakt, zit het in het thema of kun je de iconen toevoegen middels shortcodes?

    Gr.

    De iconen die ik heb gebruikt zitten standaard in het thema, je kan kiezen hoeveel kolommen je wilt gebruiken, bij 1 kolom zouden de icons dus in principe onder elkaar komen, maar dat is niet de bedoeling voor de website op computer, alleen op mobiel. Dit onderscheid is echter in het thema niet mogelijk. Kunt u mij verder helpen?

    Jawel, ik denk dat het wel op te lossen is met een regel of een paar regels css. Je website staat momenteel Under Construction, klopt dat?

    Hij staat nu niet meer under construction! Kan je me verder helpen?

    Hoi je zou in de code van de template iets moeten aanpassen. Waarschijnlijk in home.php of index.php, in ieder geval waar de blokken op de homepagina worden aangeroepen. Elk blok zit in een div met deze class:

    <div class="tcol-lg-4 tcol-md-4 tcol-sm-4 tcol-xs-6 tcol-ss-12 home-iconmenu homeitemcount1"></div>

    <div class="tcol-lg-4 tcol-md-4 tcol-sm-4 tcol-xs-6 tcol-ss-12 home-iconmenu homeitemcount2"></div>

    <div class="tcol-lg-4 tcol-md-4 tcol-sm-4 tcol-xs-6 tcol-ss-12 home-iconmenu homeitemcount3"></div>

    Bij elk blok moet je tcol-xs-6 veranderen in tcol-xs-4 en tcol-ss-12 in tcol-ss-4

    Als je er niet uitkomt wil ik ook wel even kijken.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Social media icons onder/naast elkaar’ is gesloten voor nieuwe reacties.