[XarlieN]

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?

[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;
  }
}

 

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[XarlieN]

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

[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?

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[XarlieN]

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

[Bob]

I think so, it is trictly dedicated to blogs.

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[XarlieN]

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

[Author]

Posts