f.e this one https://hotline.ua/ua/mobile-zaryadnye-stancii/ecoflow-delta-2-zmr330-eu/?tab=about
They changed page layout to show product spec in two columns recently, but in palemoon they overlap.
hotline.ua product pages stoped rendering correctly
Moderator: trava90
Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.
Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.
Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
- Clear any current output
- Navigate or refresh the page in question
- Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
-
Harkonnen
- Moon lover
- Posts: 94
- Joined: 2014-11-04, 12:27
- Location: Kiev, Ukraine
-
vannilla
- Moon Magic practitioner
- Posts: 2520
- Joined: 2018-05-05, 13:29
Re: hotline.ua product pages stoped rendering correctly
The product details are defined as tables with a fixed width of 100%. Because the left table is being told to take the width of the entire page, the content ends up overlapping the table on the right.
Since the container of these tables has display: flex, all it needs is justify-content: space-between to put them side by side while accounting for the window's width (and of course removing width: 100% to the table elements).
You might want to tell the site developers this; since it's literally (in the literal sense) changing two lines it takes around 5 to 10 minutes to do it and test it, it's worth a shot.
Since the container of these tables has display: flex, all it needs is justify-content: space-between to put them side by side while accounting for the window's width (and of course removing width: 100% to the table elements).
You might want to tell the site developers this; since it's literally (in the literal sense) changing two lines it takes around 5 to 10 minutes to do it and test it, it's worth a shot.