Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 4, 2016 at 9:34 pm #607874
    Julie

    Hello!
    I have a page section with 5 columns, each containing an icon list element.
    The columns are cutting off on tablet views. Is there code I can add to Quick CSS to have these line up vertically on tablet views? It looks fine on smaller screens, it’s just the mid-size that is a problem.
    Links to the site and a screenshot are below.
    Thanks in advance for any help you can give!

    April 4, 2016 at 9:41 pm #607883
    Yigit

    Hey Julie!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 990px) {
.flex_column.av_one_fifth { width: 100% !important; margin-left: 0 !important; }}

    Cheers!
    Yigit

    April 4, 2016 at 10:17 pm #607909
    Julie

    Hi Yigit,

    I had to change the value from 990 to 1140 to get it to do the same thing on landscape view on a tablet (it was still showing 5 columns and they were still cutting off a little bit there), but now it looks great.

    Thank you so much for all of your help!

    April 4, 2016 at 10:18 pm #607911
    Yigit

    Hi!

    You are welcome Julie! Let us know if you have any other questions or issues!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to adjust 5-column layout for tablet views?’ is closed to new replies.