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

Reduce gap between top navigation bar/site header and content below - Bedford template

Question

Hope someone can help!

Re-building my website in the Bryant template from the Bedford family and I'm struggling with a large gap between the bottom of the site header/horizontal nav bar and the first bit of content which sits below it (its fine on the homepage, but all other pages there's a large gap - see attached pics). Can someone advise if there's a way to reduce this gap?

Thanks!

HOMEPAGE WITHOUT GAP.png

PAGE WITH GAP.png

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

Amended code below. This should work. 

body:not(.homepage) #page {
  	padding-top: 0px !important;
}

 


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0

Paste the code below into your custom css area, after any other code that may already be there. 

body:not(.homepage) div#mainContent {
    margin-top: 0px !important;
}

Then tweak the margin-top value  It should affect all pages except the homepage. 


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0
5 hours ago, colin.irwin said:

Paste the code below into your custom css area, after any other code that may already be there. 


body:not(.homepage) div#mainContent {
    margin-top: 0px !important;
}

Then tweak the margin-top value  It should affect all pages except the homepage. 

Hi Colin,

Thanks for the response. When I paste that code in nothing at all happens. I've tried pasting it as the only bit of custom CSS in the box, tried pasting it and adjusting the px value, but nothing I do result in any visible change to the pages.

I re-building my website in a trial account to get it all right before I apply my changes to the live site, but all other custom CSS I've inputed works so can't imagine its because I'm in a trial site??

Have pasted it exactly as you have it in your message (see attached).

Am I doing something wrong??

Thanks!

CODE IN BOX.png

Share this post


Link to post
  • 0
On 10/28/2019 at 4:20 AM, colin.irwin said:

Amended code below. This should work. 


body:not(.homepage) #page {
  	padding-top: 0px !important;
}

 

How can I do this same thing but for the home page in Bryant? 

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