Sign in

MACOS Publii 0.38.3 and template Simple 2.3.3.0 logo responsibility error

  • This topic has 6 replies, 2 voices, and was last updated 6 months, 2 weeks ago by .
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #6675
    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?

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

     

    --
    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!

    #6678
    XarlieN

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

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

    --
    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!

    #6680
    XarlieN

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

    #6681
    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!

    #6682
    XarlieN

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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.