Dave Harrison

Hello all and anyone who can help.

I'm wondering if there is a way to float an image left or right of some text (so that the text wraps around) to display on large/medium screens while having that image display BELOW the text on small screens.

Currently I have it working by hiding sections with different layouts (responsive columns for small screen, no columns for large/medium), but that would require me (or my client) to have to update the same text twice whenever there are changes.

On large/medium screens the image would occupy 40 percent of the width, but on small screens (phones) I would want that image to slide under the text at 100 percent width.

Make sense?

New at responsive, but picking it up.

Thanks!

Dave

Thanks! I'll have to check that out at the Apple store next time I'm there.

I pretend I'm interested, but I'm really just seeing how web pages display!

Thanks, Ingolme.

Sorry, I might not have been clear in my original post. But do you see how the "MY WEBSITE LOGO" displays to the right in the above screenshot? It is centered on my laptop and phone. Same goes for the other headings when you scroll down on the ipad. They're all shifted to the right and not centered.

Here's the link to the actual template: https://www.w3schools.com/w3css/tryw3css_templates_parallax.htm#about

Any idea from looking at the code on your end?

I appreciate your time and reply!

Dave

I'm new to w3schools and forum, forgive me if this belongs in the General section.

I've been attempting to learn responsive web design from bottom to top from a book I loaned from the library. The examples are always incomplete and the code never seems to be consistent from one example to the next. Thought I'd take a look at your templates and see about learning from top on down. 

While experimenting with the parallax template I notice the section headings are not centered on my iPad (granted it's one of the old iPads). Attached is a screen shot of how your template looks on my iPad. Is there a fix for this?

Any reply appreciated. Love the templates w3schools provide and look forward to figuring it all out.

Dave