Page 1 of 1

Change image dependant of viewing size

Posted: Thu Mar 27, 2025 3:41 pm
by terryfoster60
I am designing a website with wysiwyg and want to do a responsive layout which is mobile first.
I need to display a graphic logo which changes dependant on the viewing screen.
So on a bobile phone it would have the logo and wording underneath.
For tablet and larger the logo graphic would need to change to a landscape graphic.

I have tried to place an image in a flowpanel and text next to it which I hoped would wrap underneath but it is not working at all.
I have changed textbox to false in the fullpage width.

Thanks in advance for any feedback

Terry

Re: Change image dependant of viewing size

Posted: Thu Mar 27, 2025 3:43 pm
by Pablo
You can implement this with layout grid and one or more breakpoints.

If you need further assistance then please share a DEMO project.

Please read this FAQ how to share a project file:
viewtopic.php?f=10&t=82134

Re: Change image dependant of viewing size

Posted: Thu Mar 27, 2025 9:40 pm
by alan_sh
What I would do is have two images - one for phone and one for desktop.

Use breakpoints and hide the desktop one in mobile view and hide mobile one in desktop view.

I'm sure there's better ways, but that would probably work.

Alan