Hi,
When I disable the Sharing Icons in POST and view the website in Cell Phones, the featured image and the first paragraph spacing is not right. It is too close. Is this a bug. This happens if you are not using sharing icons. Same issue happening on test servers as well as production.
How can I add normal line height between featured images and first line of post text. Please have a look at the screenshot.
http://s18.postimg.org/wtj70boo9/2015_08_14_1_03_03.jpg
Regards
Hi
Thanks for reporting this, I’ve added on our list and will be fixed in the next theme’s update. Meanwhile you can use this custom css to increase the space between the featured image and post content:
@media (max-width: 767px){
.td-post-template-8 .td-main-content {
margin-top: 21px;
}
}
Here it’s the result: http://screencast.com/t/9tfUgXpWEg
Thanks!
Thank you. It worked for two types of post.There is one more post where I need to fix it. Please check this screenshot:
http://s7.postimg.org/u66nlvdhn/8_14_2015_4_29_50_PM.gif
After inserting the css code you shared, I find it gets exexuted only once page is loaded. I can feel like the whole page goes down for 21px. Is this how it suppose to be..
Regards
Siraj
Also.. Is there a place where we can send feedback or is it fine to post it the forum.?
Hi,
This issue is related to share buttons, as the margin(top and bottom) is added to this container – http://screencast.com/t/GZ0ozUYO5 Please try this custom css to add margin when you don’t use share on top – http://screencast.com/t/79pxSO0oX6 Andrei also added this on our list.
@media (max-width: 767px){
.td-post-template-4 .td-post-title .td-module-meta-info {
margin-bottom: 15px !important;
}
}Thanks!
Thank you for noting our feedback and for your support.
Regards
Siraj
Hi,
Just a feedback.
Just wana tell you that the same issue happened with another post template. I think it was template 3 or 4 (don’t remember) .. So may be you can test all post types in responsive mode without sharing option and fix it forever.
Regards
Siraj
Same issue happening with template 2. adding following code fixed the issue
@media (max-width: 767px){
.td-post-template-2 .td-post-title .td-module-meta-info {
margin-bottom: 15px !important;
}
}
Note: Posting here as it can be useful to someone who face same issue.
Regards
Siraj
