Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
jacobcuz

Reducing padding/gap between header and portfolio on home page

Question

Hello all!

I'm currently in the process of designing my portfolio website and I've noted that there is too much of a gap between the header and portolfio on my home page. I'd  like to reduce the gap between the portfolio and the header.

I've gone through all the settings but they all seem to counter act each other.

Having spoken to the Customer Support team, they said that I'd need to have some coding to reduce this gap.

I'm pretty new to this all so was wondering if anyone had any help in what coding I can insert to reduce the gap? My apologies if it's very simple - I'm fairly new to all this!

I'm using the Novo template.
 

Thanks for your help!

Jacob.

1642856512_Screenshot2020-01-2109_44_12.thumb.png.391b3037f1c2a626974b242ee074b381.png

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

Difficult to help without site url.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Hey. Greetings from Buenos Aires!

I'm having exactly the same problem. 😔

Managed to tweak it on my mobile with this code:

@media screen and (max-width:640px) {
#headerWrapper header {
    padding-bottom: 10px;
}
}

But the gap still remains on my site. 

lolarojo.com

Any ideas will be much appreciated.

Thanks!

1366464918_ScreenShot2020-01-21at12_42_44.thumb.png.cf995e69b685d36b3391bb6ccd554707.png

 

 

 

Share this post


Link to post
  • 0
9 hours ago, lola_rojo said:

Hey. Greetings from Buenos Aires!

I'm having exactly the same problem. 😔

Managed to tweak it on my mobile with this code:

@media screen and (max-width:640px) {
#headerWrapper header {
    padding-bottom: 10px;
}
}

But the gap still remains on my site. 

lolarojo.com

Any ideas will be much appreciated.

Thanks!

you can remove media query to apply on all devices

#headerWrapper header {
    padding-bottom: 0;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...