-
Posts
-
On mobile landscape view the blog page is showing up weird. – http://evolvedmedia.wpengine.com/blog-2/ (hosted on WPengine) . I want it to always show up in two columns. I believe because on desktop it is set to show up in 3 columns but I need it to always show up on 2 columns on mobile landscape instead of 2,1,2 as is right now on my site.
Hi navindesigns!
Try adding this to your custom CSS.
@media only screen and (max-width: 767px) { .slide-entry { clear: none !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 2% !important; width: 48% !important; } }Regards,
ElliottI did but I don’t think that fixed it in mobile :(
please take a look in mobile (both landscape and portrait)http://evolvedmedia.wpengine.com/blog-2/ (hosted on WPengine)
thanks
Hey!
Where did you add the code? I didn’t see it anywhere so I added it to your Quick CSS field and it’s working fine. Try clearing your browser cache.
Cheers!
ElliottBecause you made those changes I am seeing some additional layout issues:
1) mobile portrait view has reverted to 2-column (mobile portrait should ONLY be 1-column at all times)
2) on tablet portrait view, the blog “humanizing B2B Marketing…” is not displaying next to “Stop the CMO Merry-Go Round…”Hi!
I switched the width to 45% from 48% so it should be 2 columns on all screen sizes now. If you only want it to happen between certain sizes then use this code.
@media only screen and (min-width: 480px) and (max-width: 767px) { }Where 480px – 767px is the screen width range where you want it to be 2 columns.
Cheers!
ElliottA few more things now:
1- It is now 2-column, but the second row is not displaying properly. Also, the thumbnail images still look blurry on retina
Screenshot (Blog_Tablet_Portrait) – http://postimg.org/image/az96op5c5/2- The padding after the Weird Al blog is bigger than the padding after the other blogs on both mobile and tablet. On tablet the weird Al blog is not displaying correctly.
Screenshot (Blog_Mobile_Portrait) – http://postimg.org/image/vc9c4rs49/
Screenshot (Blog_Tablet_Portrait-) – http://postimg.org/image/wmceqg0ch/Hi!
for blurry images on retina display you should use a plugin like this: http://wordpress.org/plugins/wp-retina-2x/o
Use this to control the margin after weird Al blog:
article.slide-entry.flex_column.post-entry.post-entry-3675.slide-entry-overview.slide-loop-3.slide-parity-odd.av_one_third.real-thumbnail { margin-bottom: -10px !important; }What exactly is not displaying correctly on weird al blog?
Cheers!
Andy1- My biggest problem right now is on LANDSCAPE mode on mobile and tablet
http://www.evolvedmedia.com/blog/This page is not displaying correct, it should display 2 columns but I am seeing it as 2 columns follow by 1 column follow by 2 columns again. If you can take a look at this page http://www.evolvedmedia.com/blog/ on an iphone landscape mode you will see what I am talking about.
2- Also on tablet landscape, I wanted to show only 2 columns instead of 3 columns for the blogs.
ThanksIt is still not correct on Ipad
I am viewing it on my iPad Air Model: A1474*
everything else is great
please see screenshot
http://postimg.org/image/4j98a5wvx/Hey!
I don’t have that specific device to test on but the customization is working fine on all of my other devices. Not sure what else to tell you here. It would probably be best to hire a freelancer to help you out since it’s kind of bordering on custom work anyway.
Regards,
ElliottI can only find the bug on iPad Air portrait – everything else looks great, THANK YOU
if you can just look into this on ipad air portrait then we will be all setscreenshot – http://postimg.org/image/ak4fvxxwd/
again this is the last thing i need
thanks again!
Hey!
I could not reproduce the issue on my end as well. I do not have the exact device too but i tested your website on Safari on iphone and OS X 10.10. If you have a chance, please try checking your website on another ipad air.
Best regards,
YigitI was able to reproduce the issue on an iPad model A1458 (4th generation iPad)
It seems this is a tablet issue, at least for Apple tablets.
I wonder if the issue also applies to Android and other tablets.screenshot – http://s30.postimg.org/ysdoy9cv5/i_Pad_Portrait_A1458.png
- You must be logged in to reply to this topic.