Jump to content

How to remove the scrollbar

Recommended Posts

  • 4 months later...
  • Replies 14
  • Views 7k
  • Created
  • Last Reply
On 4/2/2020 at 12:40 PM, brigidc.campbell said:

I am looking to do the same thing. Were you able to figure this out?

Try adding to Page Settings > Advanced > Header

body {
	overflow-y: hidden;
}

If the code doesn't work, can you share link to your site?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
1 hour ago, brigidc.campbell said:

@tuanphan Thanks for the reply. When I add that code into my header in 7.1 (Settings > Advanced > Code Injection > Header) the code appears at the top left of every page. Is there a different section I should insert this code in 7.1?

The site https://www.virginsuncare.com/ingredients with password: VIRGIN

sorry, this code

<style>
  body {
	overflow-y: hidden;
}
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
9 minutes ago, brigidc.campbell said:

@tuanphan This code disables the scroll on the site rather than just hides the scroll bar. Is there anyway to style the scroll bar instead?

Ah okay, remove above, and use this

<style>
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
body {
  -ms-overflow-style: none;
}
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
6 hours ago, brigidc.campbell said:

@tuanphan Thank you so much! That code worked for the main scroll bar but what about the scroll bars inside of the images as shown in the link I provided? Any ideas?

replace

body

with

*

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
12 hours ago, brigidc.campbell said:

@tuanphan it worked! Thank you so much!

 

One last question on this page. I have been trying to get these images to line up on the bottom border for hours. They seem to be scaling at strange sizes. They are all separate image blocks and I am trying align the bottom in the same way the top is aligned. 

https://www.virginsuncare.com/ingredients

Can you help me out with this?

I don't understand. Can you describe in detail?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 5/7/2020 at 2:19 AM, brigidc.campbell said:

@tuanphan any luck on troubleshooting the bottom alignment? I've been poking around on the web and playing with the dimensions of the images themselves but not having much luck.

 

Thanks in advance

Still no idea :(

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


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