Page 1 of 1

Header image is no more responsive inV18

Posted: Fri Jan 13, 2023 1:21 pm
by daveb4
Sorry, but I have one more problem

I have a website using a master page with header image made with V17.40. I wanted to update the project to V18.05 but the header image is no more responsive inV18. I changed nothing on the setting of the image.
(For testing I reduced the project to index and master page, so it is not to large).

V17: www.lighteagle.com/tsta/index.html
V18: www.lighteagle.com/tstb/index.html

V17 project : www.lighteagle.com/tsta/MasterPage_V17.zip
wbs: www.lighteagle.com/tsta/MasterPage_V17.wbs
V18 project : www.lighteagle.com/tstb/MasterPage_V18.zip
wbs: www.lighteagle.com/tstb/MasterPage_V18.wbs

What may be wrong?

Re: Header image is no more responsive inV18

Posted: Fri Jan 13, 2023 1:42 pm
by Pablo
What do you mean by 'no more responsive'?
What did you expect to happen?
What do I need to do to see what you mean?

Re: Header image is no more responsive inV18

Posted: Fri Jan 13, 2023 3:00 pm
by daveb4
If you watch the site on a laptop with full size browserwindow V17 and V18 are identical. If I reduce the browser width to a ratio like a smartphone in portrait mode V17 scales the image correct - in V18 the image scaling is wrong. Same effect if you use a real smartphone.

Re: Header image is no more responsive inV18

Posted: Fri Jan 13, 2023 3:21 pm
by Pablo
You have set the column height of the layout grid to 'fixed'.
In the 480 breakpoint, the columns are stacked so the height of the header will be the sum of all 3 columns.
I recommend to set the column height to 'auto in the breakpoint.

Also, note the '!' in the breakpoint toolbox. This means that you will need to review the breakpoint before publlshing the page.

Re: Header image is no more responsive inV18

Posted: Fri Jan 13, 2023 3:38 pm
by daveb4
To change the setting to auto makes no difference.
My problem is: why does it work perfect with V17: www.lighteagle.com/tsta/index.html and not with V18 : www.lighteagle.com/tstb/index.html
I did not change anything except the text in the text field from V17 to V18.

Re: Header image is no more responsive inV18

Posted: Fri Jan 13, 2023 3:46 pm
by Pablo
It did not work correct in WB17, so that is why it was changed in WB18.
In WB17, the column height was not responsive, meaning that it was the same for all breakpoints.

If you set the column height (in the breakpoint) to 'auto' then it should work correct.
It does work for me, with your project.

Re: Header image is no more responsive inV18

Posted: Fri Jan 13, 2023 3:56 pm
by daveb4
Which column height of which layout grid on which page (index or master) do you mean? I checked them all, and there are all in 'auto'.

Re: Header image is no more responsive inV18

Posted: Fri Jan 13, 2023 4:11 pm
by daveb4
I found a possible solution for me:
master page column overflow to 'none' and breakpoint column height to 'auto' - as you said.

So thank you very much for all your help!