Hi,
Please take a look at the image. http://www.screencast.com/t/oc4h3bTxqC55
The icon that indicates that the post is of “video” format is not placed in the center of the featured image. It is moving below the image. This placement issue is only in Ipad (both landscape and portrait), where it seems ok in desktop and mobile.
I am unable to trace the location of the issue.
Correction:
I just noticed that the issue is there even on PC, if i resize the browser window to the size of an iPad.
It seems like the issue with responsive CSS.
I tried the same and also disabled cloudflare CDN. But the issue remains.
I have traced down the issue to the class .td-module-thumb.
But if i give a fixed height to this class, it is effecting the submenu thumbnails in the mega menu too.
I have added some lines in custom CSS and it now seems to be working fine.
i believe that the td-module-thumb height was same for td_module_mx1 as well as td_module_mx2.
td_module_mx1 is the class for the first image in the block, which is bigger than the other images in the block.
That’s why the video logo was not appearing to be proper in the smaller images, because it was aligned to be in center of the overall image placeholder height, which was same as the height of the big image.
So i added a css to set the height of images in td_module_mx2 and it seems to be working fine now.
Thank you.
Hello,
I’m glad you fixed the issue on your end, but this is not a theme related issue as the video icons should display properly. Using css can fix it, but it’s better to find the root of the problem first.
(We could not recreate the issue on our end: http://screencast.com/t/rnjnJWk7)
Thanks.
I understand that I may just be doing a workaround to fix the issue. But so far i have not noticed any adverse effects after i made the change and the site seems to be working fine. I will dig up further if i discover any issues.
Thanks for your support.
