Hi,
I’m trying to display some text with contact details and opening times next to a picture. Using a gridsection and half-elements I tried position it the way I want, and using some css.
it worked quite well.
However, on smaller devices it crops it, and the alignment gets ruined.
Anyway to fix this/a better way to display text and an image instead of the grid structure?
Thanks in advance!
Hi vincent132132!
Not really sure what the best way to go about this would be. You can see the alignment problem is because the “NIBOURG INTERIEURS” text is wrapping to the next line. You could always decrease the 1/2 on the left and increase the 1/2 on the right, perhaps to a 1/3 + 2/3. That would probably be the best way to fix it.
Or you could leave the four columns alone and instead set the grid row cells to 2/3 + 1/3. I think that should create some more space so the text does not wrap as well.
Regards,
Elliott
Hey vincent132132!
use this code in Quick CSS field:
@media screen and (max-width: 768px) {
#top .no_margin.av_one_third {
padding-left: 0px !important;
}}
Cheers!
Andy
Yes, using the media query fixes it! Thanks a lot!
Hi!
you are welcome! glad it’s working for you. Let us know when you need any more help. We are happy to assist you.
Regards,
Andy