Images not scaling while absolute

Jeffrey Miller

• March 23, 2021 16:58

Images while set to an absolute position in the builder are not staying aligned when adjusting the size of the website while in a web browser. I am trying to add logos onto the page in specific places, I am setting the image block to absolute to be able to move the logo into the exact position. One image is mimicking a header menu and one image is located in the page next to a form. These move or disappear completely when reducing the size of the page. Is there a way to set these images as absolute and not have them adjust when the page resizes? 

0

• 

  Sandra Prunici

  • March 24, 2021 08:29

  Hi,

  When you set the image with the absolute position, you set the image position manually for vertical and horizontal axe and by default they are set in the pixel. For this reason, you notice that the image move or disappear. It doesn't move or disappear, it stays in the position you set to display but the screen size is changed. One of the recommendations is to set the horizontal offset in the percentage and adding a big negative value (e.g. -50%) because on small desktop screens the image will be off the screen with 50% and in such a way it will not be visible. Another recommendation is to adjust the position of the image you set with the absolute position for tablet and mobile mode https://jmp.sh/gSwEyzI. Therefore, please open the tablet and mobile mode of the builder and change the position to fit correctly for these devices.

  Best regards,
  Sandra

  0

Please sign in to leave a comment.