Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1148961

    On iPad my columns do not stack on top of each other like on mobile view, instead they squeeze next to each other making it very difficult to read.

    How can I increase the size at which the site switches into mobile view so columns stack on top of each other on iPad view.

    Please help

    Thanks!

    • This topic was modified 4 years, 5 months ago by maxxcollins.
    #1148980

    Hey maxxcollins,

    Add this to quick css:

    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (-webkit-min-device-pixel-ratio: 2){
    .av_one_third, div .av_one_half  {
        width: 100%!important;
    }}

    Best regards,
    Jordan Shannon

    #1149008

    Hey Jordan,

    Thanks for response it worked for some columns but not the columns at 1/3. They still change to vertical stacking at 767px, when an iPad is 768px. I prefer to have it switch even sooner though, somewhere like 900px.

    • This reply was modified 4 years, 5 months ago by maxxcollins.
    #1149023

    Hi,

    Do you mean the header cols?

    Best regards,
    Jordan Shannon

    #1149033

    Yes header and the “about us” page has 3 columns which don’t stack.

    #1149034

    I got it, THANK YOU@!
    (needed to add .div infront of the 1/3 column part!

    #1149050

    Hi,

    Perfect! I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Make columns stack on wider viewport’ is closed to new replies.