Jump to content

Make menu cross into link

Go to solution Solved by maboli,

Recommended Posts

Posted

Try this which displays the original desktop navigation:

.header-display-desktop {
    display: flex !important;
}

.header-display-mobile,.header-burger {
    display: none !important;
}

.header .header-title-nav-wrapper .header-title {
    flex:  0 100% !important;
}

 

Posted (edited)

That just seems to not show any navigation at all on mobile? Displaying the desktop version on mobile is exactly what I want to do though, as long as the info heading is the same size as the StudioNH on the left?

Screenshot 2023-09-26 at 11.39.50.png

Screenshot 2023-09-26 at 11.40.03.png

Edited by maboli
  • Solution
Posted

I've sorted it, found the code in another chat:

 

@media screen and (max-width:1024px) {
.header-nav {
    display: flex !important;
    justify-content: flex-end !important;
}
.header-burger {
    display: none !important;
}
.header-title {
    max-width: 40% !important;
}
a#site-title {
    white-space: nowrap;
}
}

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.