Jump to content

Fulton Template - Decrease width of Pop Up Menu from Hamburger?

Recommended Posts

Site URL: https://broccoli-flugelhorn-6ey6.squarespace.com/

Hi everyone,

I just wondered if someone would be able to help please! I am half way through building a site in Fulton as I love the hamburger menu icon. However, I am trying to figure out how to reduce the width of the page that pops up with the menu on - see below; so that it is a third of the page, rather than the whole page. Is that possible?? 

Thank you to anyone in advance that can show me the way!

Password to view site is: broccoli

1756987472_fullpage.thumb.png.57f08e13b6063dcaf72b06922d7069fb.png

Link to comment
  • Replies 4
  • Views 285
  • Created
  • Last Reply

iT already 80% of the page do you want it smaller?

image.thumb.png.a4caa763759294eb861473b82bfff764.png

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
21 minutes ago, viccismarshall said:

Yes please! I'd like to make it about 30% of the full page if possible? Thanks so much for replying!

#overlayNav {
  width: 30%;
}
@media only screen and (max-width: 600px) {
    #overlayNav {
      width: 50%;
    }
}

image.thumb.png.731bd0e0da3107238cc7b3f020a9793c.png

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

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.