search

imfing / hextra

🔯 Modern, batteries-included Hugo theme for creating beautiful doc, blog and static websites
https://imfing.github.io/hextra/
MIT License
707 stars 167 forks source link

Documentation title is not showing in Safari iOS when using Dark Reader #487

Open matthieugouel opened 1 week ago

matthieugouel commented 1 week ago

Hey 👋 On the documentation (https://imfing.github.io/hextra/), the "Build modern websites with Markdown and Hugo" is not showing when using Safari in iOS 18 (from an iPhone). It works using brave browser on the same iPhone. I have the same issue when replicating on my personal website.

It works with Safari on MacOS (Sonoma 14.6.1 (23G93)).

This part of the code seems not rendered properly. 

<div class="hx-mt-6 hx-mb-6">
{{< hextra/hero-headline >}}
  Build modern websites&nbsp;<br class="sm:hx-block hx-hidden" />with Markdown and Hugo
{{< /hextra/hero-headline >}}
</div>

Steps To Reproduce

Go to https://imfing.github.io/hextra/ from Safari browser in iOS 18.

Screenshots

9D42AE5E-3F5E-4DB5-B483-01FFB1848AF4_1_102_o

Environment

imfing commented 1 week ago

hmm it works for me on iOS 18 Safari

image

imfing commented 1 week ago

the color of the page looks odd for me. did you use any browser extension like Dark Reader?

matthieugouel commented 1 week ago

Nice catch! Yes I removed Dark Reader and it works now!