Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 26, 2015 at 2:08 am #402420
    vincent132132

    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!

    February 26, 2015 at 7:29 pm #402926
    Elliott

    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, 10 months ago by Elliott.
    February 26, 2015 at 7:36 pm #402931
    Andy

    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

    February 27, 2015 at 9:08 pm #403650
    vincent132132

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

    March 1, 2015 at 6:49 pm #404139
    Andy

    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

  • Author
    Posts
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.