Support » Theme: Twenty Twenty-One » Hero(cover image) not touching Header issues

  • I used main#main.site-main, .widget-area {
    padding-top: 1px;
    } to make the cover image touch the Header area, It is only doing that on the home page. On the page, post, category pages, etc, it is not working. What am I missing?

    I need help.

    Thank you

Viewing 9 replies - 1 through 9 (of 9 total)
  • Can you please share the link where you are facing the issue?

    As I can see on the above page your CSS is working perfectly but on the sample page, there is a page title. If you remove the page title then your sample page will exactly look the same as the homepage. So, do you want to remove the page title, or do you just want to reduce the space from below the title?

    Hi Sadik,
    I agree that’s how it should be when you remove the title. But when you remove it, it simply says Untitled and it still won’t touch the header.
    Take a look on the same page to see.

    hmm, I see. So, if you don’t want to show the page title for all the pages then you can add the below CSS to hide the title and remove the space like the homepage.

    .site-main .entry-header{display:none;}
    .site-main .entry-content{margin-top:0;}

    And if you need to do it for a specific page then you can add the page id class in the CSS hierarchy from the body like below:

    .page-id-2 .site-main .entry-header{display:none;}
    .page-id-2 .site-main .entry-content{margin-top:0;}

    Thanks

    Sadik,
    Thank you so much. That was helpful.

    One other issue I have is that the pages are showing two H1 Header titles. The H1 where you put the default Title and the H1 I put on the cover section. Do you know how I can make it so that the H1 i have on the Cover is the main title? What css to use?

    if you want to use the cover title as the main H1 then you’ve to remove the entry header H1 from the code instead of just hiding with CSS.

    Thank you

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