Hi,
I finally was able to test my website on ipad. Landscape looks good but on the portrait views, it does not look right to me. I wanted to know what is you guys take on this. I notice the following:
– menu overlapping logo
– very thin columns
I wanted to know what is the correct recommendations for ipad portrait views. should it stay as is? should columns start being responsive and appear below each other?
what are other clients doing? any recommendation will be highly appreciated.
Screenshot 01 – https://s4.postimg.org/x251ix40t/IMG_4698.jpg – live link – http://staging.wsmsnyc.org.s167849.gridserver.com/
Screenshot 02 – https://s3.postimg.org/daoibz4rn/IMG_4699.jpg – live link – http://staging.wsmsnyc.org.s167849.gridserver.com/multi-age-program/
Screenshot 03 – https://s4.postimg.org/4biqiypkt/IMG_4700.jpg – live link – http://staging.wsmsnyc.org.s167849.gridserver.com/about/
Hey navindesigns,
Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 768px) {
.flex_column {
width: 100% !important;
margin-left: 0 !important;
}}
Best regards,
Yigit