Woorden en buttons verplaatsen in responsive thema

  • pk2017

    (@pk2017)


    7 jaren, 4 maanden geleden

    Ik heb een website redelijk in elkaar gezet. Het probleem waar ik nu nog tegenaan loop is dat buttons en bepaalde woorden er raar uitzien op tablet en mobiel. Buttons passen staan vaak te ver naar rechts en woorden worden op een vreemde manier afgebroken. Hoe kan ik ik dit uitlijnen zodat het er beter uitziet?

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

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Monique Dubbelman

    (@boemedia)

    7 jaren, 4 maanden geleden

    Hallo @pk2017,

    Je vraag is nogal algemeen, ik heb de pagina gezien, kun je specifiek een gedeelte noemen waar het misgaat? Ik zag ook dat je hiervoor een betaald thema hebt gebruikt van Themeforest. Het is gebruikelijk dat je voor dit soort vragen eerst op het support-forum of de online ondersteuning van de thema-ontwikkelaar kijkt. Er zijn zoveel verschillende thema’s, het is ondoenlijk om over alle thema’s iets te weten. Dus probeer het daar eerst.

    Meer algemeen: je kunt dit soort zaken goed regelen via aanpassing van css van het specifieke element in de juiste media-query, maar ik weet niet wat jouw kennisniveau hiervan is en hoe makkelijk je dit af gaat.

    Succes,
    Groet, Monique

    Thread starter pk2017

    (@pk2017)

    7 jaren, 4 maanden geleden

    Goedemorgen Monique,

    Dank voor je reactie. Ik heb dit bij meerdere thema’s dus het is een vrij algemene kwestie.

    Als je het voorbeeld bekijkt zie je bijvoorbeeld de pagina Medezeggenschapsraad (MR). Deze H1 kop ziet er op de desktopversie normaal uit. Op mobiel verdwijnt het woord uit beeld. Het zou mooi zijn als ik dit af kon breken, centreren of kleiner maken alleen voor de mobile versie. Ik heb al wat geprobeerd maar het wil mij op de één of andere manier niet lukken.

    Heb je een suggestie bij welke media-query ik dit kan aanpassen. Mijn kennisniveau is redelijk maar niet toereikend zoals je ziet:)

    Groet Pierrot

    Niels Pilon

    (@nielspilon)

    7 jaren, 4 maanden geleden

    Je kan het doen binnen de volgende media query die je thema gebruikt

    @media only screen and (max-width: 767px)

    Dus bijvoorbeeld:

    @media only screen and (max-width: 767px){

    h1{
        font-size: 1rem;
    }

}

    Ik zou zelf de selector iets specifieker maken omdat je nu alle H1’s pakt. Je kan de max-width waarde ook aanpassen naar 479px. Dit is de ‘kleinste’ media query die je thema gebruikt.

    • Deze reactie is gewijzigd 7 jaren, 4 maanden geleden door Niels Pilon.
    Thread starter pk2017

    (@pk2017)

    7 jaren, 4 maanden geleden

    Hallo Niels,

    Dank voor je hulp, het ziet er al iets beter uit. Woorden per device anders afbreken is geen optie toch? Dus bijvoorbeeld op desktop, Medezeggenschapsraad en op mobile, Medezeggen- schapsraad?

    Met vriendelijke groeten

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Woorden en buttons verplaatsen in responsive thema’ is gesloten voor nieuwe reacties.