Jump to content

Hide Sections on Mobile/Desktop

Recommended Posts

Hi all, 

 

I'm trying to hide the top section on mobile and the lower one on desktop. It WAS working just fine and then suddenly stopped and I have tried 7 ways from Sunday to fix it but I can't find the right code to make it function! Can anyone help? 

 

It broke after updating the code to the uploaded font files so it would display on mobile and desktop; unsure if that is related, but that's when it broke. 

Screenshot 2024-02-27 at 11.44.35 AM.png

Link to comment

The problem is because of this incorrect code with a missing closing bracket:

image.png.cebeaa29c4196d18ba46a1b97f3063a0.png

Your code isn't working because of the missing bracket, but this isn't how you use @font-face and apply a font in CSS. For that you should have something more like this, replace lines 1, 2 and 3 with this:

h1, h2, h3 {
  font-family:'Golften' sans-serif;
}

If you have to upload this custom font then you would use this and add a URL:

@font-face {
  src:url('ADD-YOUR-URL-HERE');
  font-family:'Golften' sans-serif;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.