Jump to content

Style Mobile Navigation in 7.1

Recommended Posts

I am working on a page in 7.1.  They wanted a burger-style nav for their desktop site, so I added the below code and successfully achieved this. I would like to know how to best add a background image (custom files)? Alternatively, how to change the background colour and the width of the open navigation (in particular when on desktop). Plenty of thanks in advance!

.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;}
.header-nav, .header-actions {visibility:hidden!important})
 
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Thank you tuanphan, but I wasn't granted permission to share the site by the stakeholders. They have opted for a simple transparent option now, but if they change their mind I will be back in touch (password included!).

Link to comment

No url we can still check, but it will be more difficult & time consuming than usual

14 minutes ago, equerryconsulting said:

Thank you tuanphan, but I wasn't granted permission to share the site by the stakeholders. They have opted for a simple transparent option now, but if they change their mind I will be back in touch (password included!).

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.