hello,
After aplying custom CSS code in file custom.css to change images size on excerpt list, images now don´t appear on mobiles.
How can I solve it?
You can see what code I added into custom.css file: https://kriesi.at/support/topic/post-image-to-495-x-400/#post-575482
Best Regards
Manuel Crespo
Hey ideafix!
Can you please show the web site you are refering at please, so we can manage see the issue and help you out?
We would appreciate a lot
Regards,
Basilis
Hi,
images get hidden on mobile due to this code you’re using:
@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: none;
}}
Best regards,
Andy
Hi,
I was looking and i can´t find where is that code, what files has it?
The only codes that I changed was one in quick css inside enfold menus:
http://screencast.com/t/0l4rG19Qopqt
code do reduce spaces between images on excerpt list:
.template-blog .post_delimiter {
margin: 0 0 20px 0!important;
padding: 20px 0 0 0!important;
}
@media only screen and (max-width: 767px) {
.responsive .template-blog .post_delimiter {
margin: 0 0 20px 0!important;
padding: 20px 0 0 0!important;
}}
And other code to increase images sizes on excerpt list:
http://screencast.com/t/RQcmjG18ocn4
.blog-meta, .blog-meta * {
width: 300px;
height: auto;
}
Where can I find that code you refer so i can remove it or change it?
Best Regards
Manuel Crespo
Hi,
hm can’t say where you’re using this code. However, use this inside of Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: block;
}}
Best regards,
Andy