Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #402420

    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?

    http://artura.nl/

    Thanks in advance!

    #402926

    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

    • This reply was modified 9 years, 8 months ago by Elliott.
    #402931

    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

    #403650

    Yes, using the media query fixes it! Thanks a lot!

    #404139

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Alignement of textblocks in grid not correct on smaller devices’ is closed to new replies.