Jump to content

Changing Main Banner Height - Hayden

Recommended Posts

  • 5 months later...

If you share site url, we can check easier

17 hours ago, KNolan said:

Any luck with this? I'm trying to figure out the same thing!

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...

Hi, I believe I'm trying to get the same result. I'm trying to make my landing/Welcome page to be full screen in all screens, so no scrollbars or blank space at the bottom. Squarespace resizes the width automatically but not the height, the image would need to be cropped as needed in order to be full screen and maintain the aspect ratio.

I've already tried several bits of code that I've found with no success.

Website: ohiosound.studio

Password: check123

Template used: 7.1 / Bailard

 

Thank you for any kind of help!

Ohio

 

Link to comment
On 11/26/2020 at 4:28 PM, Ohio said:

Hi, I believe I'm trying to get the same result. I'm trying to make my landing/Welcome page to be full screen in all screens, so no scrollbars or blank space at the bottom. Squarespace resizes the width automatically but not the height, the image would need to be cropped as needed in order to be full screen and maintain the aspect ratio.

I've already tried several bits of code that I've found with no success.

Website: ohiosound.studio

Password: check123

Template used: 7.1 / Bailard

 

Thank you for any kind of help!

Ohio

 

To hide scroll bar, add to Home > Design > Custom CSS

/* Hide scrollbar for Chrome, Safari and Opera */
.homepage::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.homepage {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Hi @tuanphan! Thank you for the code! I already tried a similar bit of code to hide the scrollbar but it caused the language buttons not to be visible in certain screen sizes.
The bit of code you just sent still allows to scroll up and down using the mouse and doesn't make the image full screen, so if the screen size is bigger than the image it will show a blank space at the bottom, which is exactly what I'm trying to stop from happening. I hope this makes sense to you.

Link to comment
  • 1 month later...
On 12/3/2020 at 11:08 PM, Ohio said:

Hi @tuanphan! Thank you for the code! I already tried a similar bit of code to hide the scrollbar but it caused the language buttons not to be visible in certain screen sizes.
The bit of code you just sent still allows to scroll up and down using the mouse and doesn't make the image full screen, so if the screen size is bigger than the image it will show a blank space at the bottom, which is exactly what I'm trying to stop from happening. I hope this makes sense to you.

Sorry, missing your email. Do you still need help?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/11/2021 at 8:08 PM, Sebbo said:

Still need help as there is no solution yet without affecting other elements. 

Hi. Problem is Change banner height?

Can you share your site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.