WAIT: Bricks native navbar not loading css styles just on a specific type of device

Bugs
1

Here is the Bricks website that looks good on laptop, desktop, mobile.
Navigation bar which is, semantically speaking, an HTML unorderd list is displayed as it should (horizontally, with all the styles etc.)
This is screenshot of it:

image
image3406×1540 1000 KB

However, when the website is loaded on Smart Interactive Touch Whiteboard of 65 inch (viewport size 1280x624) it suddenly looks wrong, like an unstyled unorderd list (vertical, bullets visible, etc) here is a screenshot of it:

image
image2328×1116 310 KB

Since the client wants to showcase this new website of theirs on that smartboard which they already bought and installed in their office, I need to fix this. They also tried it on other Smart Whiteboard devices by different manufacturers and result is the same.

I don’t have an idea how to approach this since it’s native Bricks nav bar widget, and it is set all good on my side, and is showing-up correctly on desktops/laptops/mobile.

Please help.

2

Hi Lj,
Thanks so much for your report!

What browser is it running?

Is it possible to install other browsers such as Firefox, Chrome, etc.? If so, you or your customer should do this, as the - presumably standard - browser does not seem to understand certain CSS properties (such as :where, which is supported by all major browsers for >3.5 years).

The same problem usually occurs with the standard browsers in SmartTVs, which are mostly very old from a technical point of view (and are rarely or never updated by the manufacturer).

Best regards,
timmse