Billede og tekst ved siden af hinanden - tips til flot og responsivt design
Det kan være en udfordring at vise et billede og en tekst ved siden af hinanden. Det skyldes, at elementer som placeres ved siden af hinanden ser meget anderledes ud på store og små skærme.
Flere af sektionstyperne i ideal.shop kan vise både billede og tekst. Men hvis du vil have fuld kontrol, så skal du bruge værktøjet Sektioners visning på forskellige skærmstørrelser.
Dette værktøj giver dig en masse muligheder for at indstille udseendet på dine sektioner, baseret på forskellige skærmstørrelser.
Herunder kan du se hvordan en tekstsektion med billede laves om til to sektioner, og dermed resulterer i en flot, responsiv præsentation af både tekst og billede.
- Sørg for at du har to tekstsektioner tilføjet i administrationen. Den ene tekstsektion skal indeholde din tekst, og den anden skal indeholde dit billede (i tekstområdet).
- Begge sektioner skal indstilles til at fylde 50% af bredden på store skærme. Eller 40%/60% hvis billedet bliver for stort.
- Husk at teste hvordan det ser ud på forskellige skærmstørrelser. Det kan du gøre både på din computer (ved at bruge Design-redigering) eller ganske enkelt ved at åbne siden på din telefon, tablet osv.
