hello, on my mobile phone the featered images are not displaying. How can i get this done?
best regards, jelle vanhijfte
ive tried this:
@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: block;
}}
@media only screen and (max-width: 767px) {
.template-blog .blog-meta {
float: none;
margin: auto;
width: 100%!important;
}
a.small-preview img {
margin: auto;
}
a.small-preview {
width: 100%;
background-color: transparent!important;
}
.flex_column .template-blog .post .entry-content-wrapper {
width: 100%;
padding-top: 20px;
}
}
but than i get this weird broad image and no text, see image below
Hey jelle,
Add this to quick css:
@media only screen and (max-width: 767px){
.responsive .template-blog .blog-meta{
display: !important;
}}
Best regards,
Jordan Shannon
hello jordan, thanks for the reply…but its not doing anything…see screenshot
Hi,
Apologies, I forgot the value. Try this:
@media only screen and (max-width: 767px){
.responsive .template-blog .blog-meta{
display:block !important;
}}
Best regards,
Jordan Shannon
Thanks a lot, Jordan, thats brilliant!
This ticket can be closed now.
best regards, jelle vanhijfte
Hi,
No problem! I’m happy this was resolved. If you need additional help please let us know here in the forums.
Best regards,
Jordan Shannon