Adjust featured image on mobile devices

aovivo

Hi there,

I am using a featured image in 'classic layout' - meaning: image left - text on the right.

unfortunately this does not look very well on smartdevices in portrait mode (using smartphone) ... I wonder if for this specific mode there is a option to move the picture to the top of the text (below title - as used in single post mode)...?! or any other mode that looks better than this: http://imgur.com/LMY7j1u

any suggestion or idea? what would you do?

thanks in advance for your assistance!!

P.-

Albert

Hi,

please send us link to page where you would like to change this behave on mobile so we can have a look on it.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aovivo

Yes, please have a look here: http://www.redreinhardt.com/blog/

thanks

Pedro

Albert

Ok, thanks. So if you would like to change it's position, you can do this with the following css:

@media only screen and (max-width: 767px) {
    .blog_wrapper .post-photo-wrapper { float: none !important; width: 100% !important; }
    .blog_wrapper .post-desc-wrapper { width: 100% !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next