insidestory.gr - top menu/navigation bar rendering issue Topic is solved

For support with specific websites

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:
  1. Clear any current output
  2. Navigate or refresh the page in question
  3. Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
User avatar
back2themoon
Moon Magic practitioner
Moon Magic practitioner
Posts: 2801
Joined: 2012-08-19, 20:32

insidestory.gr - top menu/navigation bar rendering issue

Unread post by back2themoon » 2025-03-03, 13:07

Example: https://insidestory.gr/article/i-koinon ... reftis-mas
insidestory_wrong.png
Should be:

insidestory_correct.png
Seems to only occur on their articles. Main page for example is ok: https://insidestory.gr/
You do not have the required permissions to view the files attached to this post.
Last edited by back2themoon on 2025-03-03, 16:23, edited 2 times in total.

User avatar
Gemmaugr
Moon lover
Moon lover
Posts: 85
Joined: 2025-02-03, 07:55

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by Gemmaugr » 2025-03-03, 15:53

It looks fine to me (like the second image) here.

User avatar
back2themoon
Moon Magic practitioner
Moon Magic practitioner
Posts: 2801
Joined: 2012-08-19, 20:32

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by back2themoon » 2025-03-03, 15:59

Forgot to mention you may need to scroll down a bit, although first link is displayed incorrectly right away for me.
Last edited by back2themoon on 2025-03-03, 16:28, edited 1 time in total.

User avatar
back2themoon
Moon Magic practitioner
Moon Magic practitioner
Posts: 2801
Joined: 2012-08-19, 20:32

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by back2themoon » 2025-03-03, 16:27

Hmm, it seems the problem is only apparent in maximized window mode (both windowed and full-screen are ok, on my current laptop).

User avatar
Gemmaugr
Moon lover
Moon lover
Posts: 85
Joined: 2025-02-03, 07:55

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by Gemmaugr » 2025-03-03, 16:37

I get the same issue at Zoom Label 160%, and ONLY on that amount.

User avatar
back2themoon
Moon Magic practitioner
Moon Magic practitioner
Posts: 2801
Joined: 2012-08-19, 20:32

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by back2themoon » 2025-03-03, 16:55

Thanks for checking. I'm on default 100% zoom, 100% DPI and 1366x768 resolution. Issue only appears with Pale Moon in maximized mode.

User avatar
Gemmaugr
Moon lover
Moon lover
Posts: 85
Joined: 2025-02-03, 07:55

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by Gemmaugr » 2025-03-03, 17:55

I also default at maximized and 100% zoom (and it looks fine, on both monitors), but my resolutions are 1920x1080 (100% DPI) and 2560x1440 (125% DPI).

I decided to test with my already added Zoom Label addon because I saw that the pic in your screenshots was very small.

The easiest solution would be to use Zoom Label and have it on any other than 100% setting. Or you could change your DPI or Resolution, or buy another (larger) laptop/monitor. (Or maybe Adoxa has some Modify HTTP Response trick).
Last edited by Gemmaugr on 2025-03-03, 17:57, edited 1 time in total.

vannilla
Moon Magic practitioner
Moon Magic practitioner
Posts: 2365
Joined: 2018-05-05, 13:29

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by vannilla » 2025-03-03, 18:12

It seems to be caused by some bizarre CSS when the viewport size is between 1200px and 1400px.
The parts of CSS I could see are not really the best you can use to get the same behaviour, so my guess is they rely on some Chrome layout quirk.

User avatar
back2themoon
Moon Magic practitioner
Moon Magic practitioner
Posts: 2801
Joined: 2012-08-19, 20:32

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by back2themoon » 2025-03-03, 18:26

Gemmaugr wrote:
2025-03-03, 17:55
The easiest solution would be to use Zoom Label and have it on any other than 100% setting.
Yes, slightly touching the 100% zoom (using NoSquint here) takes care of it - thanks.

Full zoom level: both increase/decrease solves it.
Text-zoom level: only decrease solves it.

Weird... but we've seen weirder.

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 37352
Joined: 2011-08-28, 17:27
Location: Motala, SE

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by Moonchild » 2025-03-03, 20:08

vannilla wrote:
2025-03-03, 18:12
It seems to be caused by some bizarre CSS when the viewport size is between 1200px and 1400px.
The parts of CSS I could see are not really the best you can use to get the same behaviour, so my guess is they rely on some Chrome layout quirk.
Yup, it seems to be "responsive design gone terribly wrong"
"The world will not be destroyed by those who do evil, but by those who watch them without doing anything." - Albert Einstein
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
adoxa
Lunatic
Lunatic
Posts: 381
Joined: 2019-03-16, 13:26
Location: Qld, Aus.

Re: insidestory.gr - top menu/navigation bar rendering issue

Unread post by adoxa » 2025-03-04, 00:14

Gemmaugr wrote:
2025-03-03, 17:55
(Or maybe Adoxa has some Modify HTTP Response trick).
No need, works fine for me (64-bit Basilisk, Windows 10, maximized at 1366x768).