How to reduce extra space between header and content page

1.I would like to reduce space between header and content page. Could you pls help to advise for it ?

Try this code in your child theme’s stylesheet:

.page-template-template-homepage .site-main {
  padding-top: 0;
}

2. I want to remove black line appear on home page. Pls advise how to do it.

I’m afraid I don’t see a black line. Could you describe where it is or post a screenshot to a place like Imgur?

thanks for the reply.

After adding to child theme, it still does not change . I added this way, is it correct ?

/*
Theme Name: Child Theme- Storefront
Description:
Author: myanmar
Template: storefront

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
.page-template-template-homepage .site-main {
padding-top: 0;
}
*/

At home page , it is black line under head line. Contact page, it is above “Contact” tile.

Unfortunately, you’ve added the code in the wrong place. In a CSS file, anything between /* and */ is a comment and is ignored by the browser. You need to add the code after the */.

For the black line, try this code:

.hentry .entry-header {
  border-bottom: 0;
}

.hentry .entry-header h1 {
  border-bottom: 0;
}

/*
.page-template-template-homepage .site-main {
padding-top: 0;
}
.hentry .entry-header {
border-bottom: 0;
}

.hentry .entry-header h1 {
border-bottom: 0;
}
*/

I am adding at simple custom ccs , but it didn’t work. Could you pls advise . Thanks.

Your code is still within /* and */ which means the browser won’t read it.

Remove the /* and */ assuming the text above is the only text you have between them.

Thank you for the reply. The black line disappeared but there is still extra space between header and content page. could you pls advise. Thanks.

It looks like your h1 have a margin-top: 270px

h1 {
    color: #666666;
    font-family: "Roboto";
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    margin-top: 270px;
}

Delete the margin-top: 270px; line and the space should be reduced. You may want to keep the line and just reduce the number until you get the look you want.

Thanks all . now it is resolved.