CSS to hide 'Scroll To Top' button

Ray H

• April 16, 2025 07:09
• Edited

I want to hide the 'Scroll To Top' button for all mobile phones, tablets and iPad's, so it works with just desktop. I know the CSS for the button, but how do I hide this with CSS, having a devil of time working this out.

I'm using Page Builder  Framework theme. I don't normally have an issue when trying to hide this.

.scrolltop {
display: none;
}

0

• 

  Ariel H.

  • April 14, 2025 10:20

  Hi Ray,

  Thank you for contacting us. 

  Could you please share your site’s URL so we can inspect it?

  Looking forward to your response.

  Best regards,  
  Ariel H.

  0
• 

  Ray H

  • April 16, 2025 07:07
  • Edited

  Thanks Ariel

  I've solved it! It was a misplaced curly bracket. 😳

  A word to the wise, that means everyone.

  When using CSS, copy and paste the CSS into a larger document such as a text editor to view it properly with out the code being forced onto another line. I'd spent hours trying to work this out doh!

  0

Please sign in to leave a comment.