Jump to content

Header on Member Site is a dropdown

Recommended Posts

Hi all!
I'm working on a project with a Member Site and the Header is forcing navigation into a dropdown

On the main site, everything is fine... The header has several links corresponding with my pages

But the Member Site is consolidating everything into a single dropdown

It started like this- I didn't change anything (Although afterward I went through and tried to find the option that would change it)

 

Regular.png

Dropdown.png

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

Top Posters In This Topic

14 hours ago, BenSilverTT said:

Thank you!

Website: https://quillfish-lemon-73ba.squarespace.com/stage/

Username: SquarespaceMember@tixtrack.com

Password: SquarespaceMember

You can use this code to Header Injection of All Pages in Member Area

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('.header-nav-folder-content>div').appendTo('nav.header-nav-list');
});
</script>
<style>
  nav.header-nav-list>div:first-child {
    display: none;
}
nav.header-nav-list>div:nth-child(n+5) {
    display: none;
}
nav.header-nav-list>div {
    margin-left: 1.2vw;
    margin-right: 1.2vw;
}
</style>

image.thumb.png.f6806ffc5262c118f19608c8c8450b65.png

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

Thank you, that is pretty helpful but it doesn't fix the issue...

And I'm not sure why we need to use custom code injection for this extremely basic functionality that already exists on the main page.

What if we add/remove pages from the header?

What if we want a single dropdown? For example, "Departments" would be a dropdown. On the Main page I would add a "Dropdown" section and drag those pages into it. How do I do that in a member's area?

screenshot_465.thumb.png.4a266d1fff5c41db1c651ceb61448f65.png

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.