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

Changing Main Banner Height - Hayden


natedxb

Question

  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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.

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

11 answers to this question

Recommended Posts

  • 0

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!

 

Link to post
  • 0

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 post
  • 0
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 */
}

 

Link to post
  • 0

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 post
  • 0
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?

Link to post
  • 0
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?

Link to post
  • 0
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?

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