Changing Main Banner Height - Hayden

Hi, how do we change the Main Intro Banner height in Hayden theme? I would like to increase the height (applicable to Desktop and Mobile). Cheers.

Site - https://earthworm-prism-36ks.squarespace.com

Password - 12345q

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

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!

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

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 */
}

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.

This should really be a simple Squarespace feature NOT having to rely on code. 

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?

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

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?

18 minutes ago, tuanphan said:

Hi. Problem is Change banner height?

Can you share your site url?

www.elevatedphotos.ca

On 1/10/2021 at 10:36 AM, tuanphan said:

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

Hi. Yes, I would still like to find a workaround to this issue if possible, please. 🙂 Any idea I could maybe try?