Sign in

Hero image not covering all the header area on mobile device [Tatto theme]

  • This topic has 5 replies, 2 voices, and was last updated 3 years, 9 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1807
    Avatar photoiceberg53

    Hello! I’d like to thank you for the great job you’re doing on the Publii CMS. I started playing with it several months ago and I’m really delighted with what you achieved.

    When testing the tattoo theme, I noticed that when I select a single post to be displayed on the home page, the hero image doesn’t cover all the header area.

    Here’s a screenshot of what I got on the chrome dev tools mobile device simulator.

    publii-tatto-mobile-test-single-post-frontpage

    And I got the same result on my smartphone.

    I’d like to fix it but I don’t know how to proceed. Thus, I’ll be grateful if I could get some guidance from you or a fix if you can afford to do it as soon as possible.

    Thank you very much.

     

    #1813
    Avatar photoBob

    Could you provide a URL to your site?

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

    #1815
    Avatar photoiceberg53

    The above image is from a local testing instance. There’s a live instance at https://www.survivanet.com/

    Excuse me for my lateness.

    #1816
    Avatar photoBob

    Thanks, I think this is due to your custom modifications, the “post__featured-image” container is missing the `hero__image` class.

    Now:

    <figure class="post__featured-image">
       <img ...

    Should be:

    <figure class="hero__image post__featured-image">
       <img ...

     

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

    #1817
    Avatar photoiceberg53

    I’ll try to apply the fix you just provided after reading the docs about themes overrides.

    Thanks.

    #1818
    Avatar photoiceberg53

    Your solution worked very well.

    Thank you very much.

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