We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

MACOS Publii 0.38.3 and template Simple 2.3.3.0 logo responsibility error

December 17, 2021 at 2:47 pm #6675

[anonymous]

I try do my first web in Publl, it is looking great. I set only one page and one site logo. But on mobile devices logo float over the text. 🙁

You can see it on https://goodlight.cz.

Where I do mistake?

December 17, 2021 at 3:16 pm #6676
Bob
Your content in the hero section is too “high”.

Quick fix: increase the height of the hero section for mobile devices. Add the following CSS rule with the Custom CSS tool:
```
@media all and (max-width: 37.4375em) {
  .hero {
    height: 100vh;
  }
}
```
December 17, 2021 at 3:33 pm #6678

[anonymous]

Sorry, this not work, i can set HEIGHT 100vh in template, but on mobile portrait looks better, in landscape still bad.

December 17, 2021 at 3:40 pm #6679

Bob

Play with the height value, instead of 100vh try to use 100vmax; also consider adding media queries in landscape orientation etc.

BTW/ Who uses landscape mode to browse the site on mobile?

December 17, 2021 at 3:41 pm #6680

[anonymous]

Maybe is not good template for this purpose (onepage style web).

December 17, 2021 at 3:45 pm #6681

Bob

I think so, it is trictly dedicated to blogs.

December 17, 2021 at 3:50 pm #6682

[anonymous]

Normal people using mobile landscape too (becouse there is bigest font)