SP Page Builder

Hallo,

ik werk met SP Page Builder op een website. Hier kun je heel mooi een feature box invoeren. Dan komt je tekst in een mooi kader te staan, maar dit is verder niet mooi responsive. Het kader vervormt en hierdoor valt tekst buiten het kader. Niet mooi dus.
Weet iemand een oplossing...?
(we willen persé een kader om de tekst en dit moet mooi blijven staan op elk device...)

Heb je een link van de pagina met het probleem? Tot nu toe alles wat ik heb gedaan in SPbuilder is het responsive.
Hij bevalt best goed

bijvoorbeeld: goo.gl/l0QduV
De stukjes "Kinderen" & "Volwassenen" staan nu in zo'n kader maar als je dit op mobiel bekijkt, valt de tekst buiten de kaders...
Ik hoop dat je me kunt helpen.....
Slapeloze nachten hiervan...

Ha Rycs,

Bij mij ziet het er niet heel gek uit die 2 blokken.
Buiten het feit dat je op veel plekken de tekst op elkaar hebt staan (line-height).
Ik zou meer ruimte nemen voor de tekst en misschien een wat mooier lettertype (open Sans bijvoorbeeld)
De blokken zou ik ook vinkjes voor maken ipv een rij want dat is moeilijk te lezen.
www.dropbox.com/s/mdgh2bzb8pxaqbn/Screen...%2010.26.06.png?dl=0

Sticky menu heeft een redelijk groot logo en bedekt zo op kleine telefoons een groot gedeelte dus misschien iets kleiner maken.
Ruimte onder teksten en daarna een afbeelding zijn soms heel erg krap.
Tarieven hebben de prijzen een veel te kleine line-height en zitten zo gepropt op de tekst erboven.
Tabel met ouder en kind zit dan ook gepropt op de tarieven erboven
Oude en kind tarieven is een afbeelding en dus minder mooi.
Titel Uniek Totaalconcept onderaan heeft een veel te kleine line-height.

Succes!

Nog een tip: pas de favicon aan.. staat wel zo professioneel

Hi Rycks,

Naast de twee blokjes staan twee legen blokken, begrijpelijk want die gebruik je om de twee blokken te centreren maar op een kleiner scherm geeft dat problemen want het woord is groter dan het blok.

Wat is het gewenste resultaat? Er kan css toegevoegd die het woord laat breken om in de container blijven(bv: .sppb-addon-text{word-break: break-word;}) helaas heb je dan weinig controle over hoe het afgebroken wordt. Of je kan er voor zorgen dat de twee lege containers niet op een kleiner scherm getoond worden(meeste pagebuilders hebben hier wel een optie voor) en de gevulde containers kunnen dan een grotere column maat krijgen zodat de inhoud niet over de rand heen gaat.

Succes!