7.1 height padding

Site URL: http://tylerdipaola.com

Hi,

My website is tylerdipaola.com

I need to make the spacing underneath my logo be the same as above the logo. I've been struggling to find the code to make it work. Thank you.

Add to Home > Design > Custom CSS

.homepage #page section:first-child {
    padding-top: 50px !important;
}

@tuanphan

Thank you! two other questions (sorry!):

- it worked perfect for the desktop version, but is there a way to tweak the mobile version?

- Is there a way I can make this site wide? I'd like my "about" page to do the same.

Thank you!

Can anyone help out with this?

Thank you!

/* for mobile */
@media screen and (max-width:767px) {
.homepage #page section:first-child {
    padding-top:10px !important;
}
}

@tuanphan Thank you!

Is there a way to apply this to the "About" page as well?

On 10/30/2020 at 12:28 AM, Tytytytyty said:

@tuanphan Thank you!

Is there a way to apply this to the "About" page as well?

Add to About Page Settings > Advanced > Header

(If you use Personal Plan > Edit Page > Add Code Block)

<style>
  /* for mobile */
@media screen and (max-width:767px) {
#page section:first-child {
    padding-top:10px !important;
}
}
</style>

Sorry @tuanphan I meant how do I apply the code below to my "about" page.

thank you

.homepage #page section:first-child {
    padding-top: 50px !important;
}

13 hours ago, Tytytytyty said:

Sorry @tuanphan I meant how do I apply the code below to my "about" page.

thank you

.homepage #page section:first-child {
    padding-top: 50px !important;
}

add above code to About Page Settings > Advanced > Header

On 10/31/2020 at 3:18 PM, tuanphan said:

Add to About Page Settings > Advanced > Header

(If you use Personal Plan > Edit Page > Add Code Block)

<style>
  /* for mobile */
@media screen and (max-width:767px) {
#page section:first-child {
    padding-top:10px !important;
}
}
</style>

 

Please see the attached image to what keeps happening when I do this.

Thank you