Jump to content

Mobile menu icon not showing up on *some* phones – help? :)

Recommended Posts

Site URL: https://www.andersbundgaard.dk/

Hey there!

Weird issue – the mobile menu icon on my site shows up on some phones (e.g. my phone), but not on other phones (e.g. the clients phone) 

Maybe it's not relevant, but I have a background video playing on the homepage, and for the phones that doesn't show the menu icon, the background video is not loading and is instead going to the mobile backup image. 

Does anybody know what could be going wrong here with the mobile menu icon? 

Thanks!  

Link to comment
49 minutes ago, CamillaAAA said:

Site URL: https://www.andersbundgaard.dk/

Hey there!

Weird issue – the mobile menu icon on my site shows up on some phones (e.g. my phone), but not on other phones (e.g. the clients phone) 

Maybe it's not relevant, but I have a background video playing on the homepage, and for the phones that doesn't show the menu icon, the background video is not loading and is instead going to the mobile backup image. 

Does anybody know what could be going wrong here with the mobile menu icon? 

Thanks!  

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  .Site.loaded {
    overflow: hidden;
  }
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
22 hours ago, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  .Site.loaded {
    overflow: hidden;
  }
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

It worked! Amazing – thank you!! I would love to know why I had this issues – do you mind explaining why you choose this css? Only if you have the time! 🙂

Link to comment

I've found that your marquee text is too long and it make your site width larger than normal.

So the idea of setting overflow-hidden for your whole site came out

image.png.7a30bc89a465d77c52d61c68c1351dbd.png

Hope it makes sense

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.