Jump to content

Accessibility Widget in the way of navigation on mobile

Recommended Posts


I've injected code into the footer of my site to display an accessibility widget at the bottom left corner of my site. 

It looks great on the desktop, but on mobile view it hovers over the navigation for my course. 

Is there any way I can modify this code to disappear when on mobile?

Here is the code:

<script src="https://website-widgets.pages.dev/dist/sienna.min.js" defer></script>

I've attached an image of what it looks like on mobile.


thank you in advance 


Link to comment
  • Replies 3
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 9/26/2023 at 2:13 AM, nicoledinardo said:

yes i've just removed it as I was so concerned with the appearance and interruption of my navigation. Any suggestions?

You can add it again, then we can check easier. If the site is live and you can't keep it, you can create a test page > Add code to Page Header, so it will appear on that page only, then share link to page, we can check there

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

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.