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!
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
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.
Hi,
Do you mean the header cols?
Best regards,
Jordan Shannon
Yes header and the “about us” page has 3 columns which don’t stack.
I got it, THANK YOU@!
(needed to add .div infront of the 1/3 column part!
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