WebSite X5Help Center

 
Adrian W.
Adrian W.
User

Issue with image layout on mobile devices  en

Автор: Adrian W.
Просмотрено 94, Подписчики 1, Размещенный 0  

Hello,

I have a question regarding the layout of images when the program automatically scales the page for mobile resolution.

In Website X5 Evo, I created a layout where in one row there is an image block with text next to it, and this structure is repeated two more times below (logo + text next to it).

On desktop (in the browser), everything displays correctly — all images are aligned on the left side with text next to them.

However, on mobile devices, the layout changes and the images are displayed below the text, while I would like them to appear above the text.

At the same time, arranging the images above the text directly in the editor is not a good solution for me, because I lose the correct desktop layout.

Could you please explain why this happens and how I can achieve:

  • correct layout on desktop (image next to text)

  • and on mobile: image above the text instead of below?

Thank you in advance for your help.

Размещено
2 Ответы
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца EN

The objects can be numbered to determine the order on narrow screens, see

-----

How to manage the contents of a responsive website

...

...

When you select the desktop viewport, the configuration that you set up in the Page Creation window appears in a schematic diagram that is very similar to the page layout table. Click on the Display Order button to start defining the order in which the objects are shown in the page layout. The program automatically assigns a display order number to each object.

>> https://guide.websitex5.com/en/support/solutions/articles/44000787296

-----

Читать больше
Размещено От Daniel W.
Adrian W.
Adrian W.
User
Автор

Thank you very much for your quick assistance.

Читать больше
Размещено От Adrian W.