WebSite X5Help Center

 
Alex S
Alex S
User

Header image can not resize in responsive view.  en

Autor: Alex S
Visitado 1725, Followers 1, Compartido 0  

Hello

I am trying på put image on cells head area.  image on header has god size in desk model, but when i look at mobil size, the program can not resize/adapt image to a responsive size. Image goes over to other cells.

kan any body tell me what is wrong

thanks

Publicado en
4 RESPUESTAS
Esahc ..
Esahc ..
Moderator

Mackan

If placing the image in the header background or header in step2 Template, Template structure, you can use a different image specifically cropped and resized for every resolution.

OR

You can place the header image in step 2 template, Template Content. If you do this you can place an image object that will fill the whole header area if you wish and you can move the image in front of or behind other objects.

Then you can visit each of the resolutions and resize the image object so it fits the width. If done correctly this will scale the image down as appropriate to the width.

This technique is extremely useful when the graphic is a logo and/or text as an image because it can be resized as appropriate.

Of course you can also do as in Template Structure, add the prefectly sized image to your header, then hide for lesser resolutions and place a different image perfectly sized and cropped for the lesser resolution.

Leer más
Publicado en de Esahc ..
Alex S
Alex S
User
Autor

thank you for the answers I received

Maybe I did not write clearly

I want to put header image in a cell like "Dynamic Content" or a normal text cell

Hope you understand my English

Thank you for answering

Leer más
Publicado en de Alex S
Giuseppe Guida
Giuseppe Guida
User

Hello. In the Dynamic Content you must assign values in percentage to the image size (100%, or 70% or 50%, depending on your needs) and only in this way the image will adapt to the various resolutions. Do not use pixel values for the image if you use Dynamic Content.

Leer más
Publicado en de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Alex S
... ... I want to put header image ... ... ... ...

... header ...!? ... ... elastic image ...!? ...
1) ... attach the image "imagename.jpg" to the project, leaving "files" as the destination folder proposed by default; (>Files linked to HTML code);
2) ... in the header insert an "HTML Code Object";
3) ... in this "HTML Code Object" to load the image "imagename.jpg", paste this code:
<img src = "files/imagename.jpg" width = "100%" />


.
Hello - ciao
.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪