Change image postion on mobile

[crashprojects]

Hi all. I’ve inherited a WP site from a developer who didn’t do the best job at making it mobile friendly.

Currently there’s a page where the images are justified left on desktop, with text to the right. I currently have said images set to not display on mobile but would like them to display atop the images instead.

Is there an easy way to do this? Thanks.

[Atelierbram]

Can you post a link to the website?

[crashprojects]

Here’s the page:

http://tap.ckbuilds.com/drink

Thanks for your reply.

[Atelierbram]

The CSS for the OOCSS media-object on that website does seem to be a bit outdated. Some of those styles are targeting IE6 and/or IE7, and can probably be removed. Maybe you can take some of the code from this demo to replace it with.

[Timothy Smith]

I would strongly suggest you talk to you client or boss about starting from scratch with a mobile first design. It may seem crazy to you and very likely to your boss, but the amount time it will take you to debug and rework the current WP template to look good on all mobile screen sizes and resolutions would be considerately greater than starting fresh with clean code, more modern techniques, frameworks, and libraries. This will actually empower you to build better performing sites over which you have maximum control of render times, page weight, and some many other important factors of a mobile friendly a website.

Here are a few great links to help sell you on this idea:
http://www.lukew.com/resources/mobile_first.asp
https://codemyviews.com/blog/mobilefirst
http://zurb.com/word/mobile-first
https://css-tricks.com/lodge/artists-website/

[amanda_]

I would do the following:

.media {
 display: flex;
flex-direction: column;
}

Yes, the site could do with being started from scratch, but if you can’t convince them to do that, that will solve that particular issue.

[crashprojects]

Thank you all for your responses. I was able to cobble it together using some of the code from the demo. I think the client will be pretty happy with it.

Thanks again! Great info!

[Author]

Posts