search

the-via / website

GNU General Public License v3.0
24 stars 22 forks source link

Large empty whitespace <div> above landing-page, support-keyboard page etc #43

Closed fzhang13 closed 1 year ago

fzhang13 commented 2 years ago

image currently when navigating to https://www.caniusevia.com/ on desktop, the website loads with large empty div that pushes all the content down out of initial viewport

Primary cause

when the below div is rendered before the main content div this error occurs image

Correct behavior:

Should render after image

Suggested fix:

removing this <div style="position: static !important;"></div> , as it does not seem to break styling functionally on desktop or set div to load after main content div is loaded in

Tested Device:

Intel MBP 16 2019 Resolution 2560 x 1440 non Retina display (also occurs on retina displays) Browser: Chrome Version 104.0.5112.101 (Official Build) (x86_64)

@olivia @wilba

olivia commented 2 years ago

I can't find any html that includes the position: static !important https://github.com/search?q=repo%3Athe-via%2Fwebsite+position%3A&type=code. Do you happen to have any extensions installed that would be inserting it?

fzhang13 commented 1 year ago

Could be an extension issue from my side as I no longer see this styling div being applied anymore in the DOM, marking closed. Thanks 👍