Hi my friends.. is there a way to include the posts’ pictures when on the Blog main page, when the page is at its smaller responsive widths? As is, it’s only shown the pictures at Tablet & Desktop sizes, until you go in to read the blog in full that is.
:)
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: block !important;
}}
Cheers!
Yigit
That works.. however it does leave the text column rather too narrow. Feasible to move the image in line (vertically) with the text at this narrowest (iPhone) size?
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) {
.template-blog .blog-meta { margin-right: 15px; }}
Cheers!
Yigit
Getting there! Can the image size be reduced to clear some further space maybe??!
Thanks !
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) {
.template-blog .blog-meta { width: 20%; }
.main_color .small-preview {
background: transparent;
}}
Cheers!
Yigit
Done !
Topic closed :)