Absolute positioned images missing

Max Ziebell

• April 08, 2022 17:44

My absolute positioned image is missing if people click on this link

https://fig10480778.brizy.site/

 

When I go to mobile and then back to desktop by dragging the browser window small and big again, it shows up.

It even stays visible after reload, but when coming through the link it is invisible.

Please advise or fix the bug, please.

0

• 

  KC George

  • April 09, 2022 12:46

  Hi Max

  I just tested your link at my end; the absolute position image appears loading. Please see this screen recording. https://jmp.sh/WhpvnPG

  You may want to test the page again in browser incognito mode, try the refreshing the page or clearing browser cache.

  0
• 

  Max Ziebell

  • April 09, 2022 12:54

  I should have specified it clearer. You are using a PC. If you use a Mac and Chrome it is not there.

  https://cln.sh/1iSCgaiypLShIyEXMYCQ

   

  I tried it on macOS and Safari. There it is… but not on macOS Chrome.

  0
• 

  KC George

  • April 09, 2022 14:13

  Hi Max,

  I agree. When using Chrome on a Mac, the absolute position image does not seem to show. To overcome this issue, let me suggest a work around.

  1. Place the image in a column in your hero block
  2. Give the image a negative bottom margin
  3. Adjust the image focus

  Please see my test page created with this work around. https://blog-archive.brizy.site/features. Please test this page in different browsers. You can watch this video for the procedure. https://jmp.sh/JZ0MqQk

  0
• 

  Max Ziebell

  • April 11, 2022 15:12
  • Edited

  I am glad you want to help. But this is not my design as I am not intending in cutting it off mid-air. I now tried a version where I positioned it with big negative margins, currently under the URL above.

  It still isn't showing up. It needs to be escalated as this is clearly a "bug". The image keeps disappearing on Chrome Mac.

   

  0
• 

  KC George

  • April 11, 2022 16:02

  Hi Max 

  We will consider the possibility of fixing the browser compatibility issue. In the interim period, if you need help in implementing your design, I can do it for you. Please invite me as a Team Member into your project. My email address is kc.george@brizy.io. Please assign me Manager Role. 

  

  0
• 

  Max Ziebell

  • May 02, 2022 06:53

  I added you… as the problem is still there.

  0
• 

  KC George

  • May 02, 2022 09:08

  Hi Max,

  I have added the image on the right hand side column with negative margins. Please check.   

  0
• 

  Max Ziebell

  • May 02, 2022 10:07

  Thanks but that is not the intended design. Also in now forces line break in the logo.

  I really hope this gets escalated and absolute positioning gets fixed. It is utterly broken.

   

  0
• 

  KC George

  • May 02, 2022 12:31

  Hi Max,

  Fee free to fine tune the design and make it exactly as it should be. Usually logos are designed as an image. If you design your logo in a graphic design tool like Canva.com and upload it to Brizy Cloud, it would make it easier for you to design the website.

  Yes; we have escalated the issue with absolute position when used with combination of Google Chrome and iOS

  0

Please sign in to leave a comment.