-
AuthorPosts
-
March 14, 2014 at 6:18 pm #237758
Enfold theme-blog posts grid-formatting issue in iPad portrait mode
1-3 and 5 blog grid columns are no problem. Set a 4 column blog post blog grid column and the preview link images all scale differently. EG: some are the 495×400 while others are roughly 1/2 size to make everything “fit” in the browser width. This only occurs in portrait mode iPad. Landscape mode is okay. I was able to repeat this on Ipad2 and 4 and in the http://www.ipadpeek.com emulator both on localhost and live site.
March 17, 2014 at 5:38 am #238466Hi TheMediaman!
Can we see an example on your site? I’m not having issues on my own live install with 4 columns.
Cheers!
DevinMarch 17, 2014 at 5:25 pm #238842This reply has been marked as private.March 20, 2014 at 5:30 am #240483We looking forward to hearing from you.
Regards,
JosueMarch 27, 2014 at 5:36 pm #243946I’m encountering the same issue. It seems to be a problem with the following nested CSS selectors not being picked up in my browser (latest version of Chrome on MacOS):
@media only screen and (max-width: 989px) and (min-width: 768px) .responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth { margin-left: 4%; width: 48%; }Instead this gets picked up:
div .av_one_fourth { margin-left: 6%; width: 20.5%; }I can pm you my site (which is in demo) to show you.
March 27, 2014 at 5:40 pm #243950This reply has been marked as private.March 30, 2014 at 11:19 am #245049Hi!
I’ll mark this post for Kriesi. Personally I couldn’t reproduce the issue with Chrome but I can’t test it with an ipad/iphone.
Regards,
PeterMarch 31, 2014 at 5:39 pm #245551Hi Peter,
If you were looking at my link and unable to see the issue in Chrome, it’s probably because I reinstated the code to fix it as our site is going live soon.It seems to be a problem with Chrome (and other webkit browsers) recognizing the multiple nested adjacent sibling selectors….
April 2, 2014 at 8:01 am #246391Hey!
Ah, ok. We’ll try to reproduce it on our test servers and add a fix to the next theme update.
Regards,
PeterApril 17, 2014 at 11:16 am #252581 -
AuthorPosts
- The topic ‘Possible bug: blog posts grid 4 column IPad image scaling’ is closed to new replies.
