Jump to content

I need to move to 7.1 templates but there isn't a left justified menu template that I can see, can I change it in 7.1 templates?

Recommended Posts

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

You are not missing anything.

I don't know of a solution to the effect you want to achieve. However it may be possible to achieve it. Here is an experiment with CSS only.

1546405333_ScreenShot2022-07-26at4_13_51PM.thumb.png.1ec8bd3507bcddf8a8ee84ad97d15f8e.png

1100230072_ScreenShot2022-07-26at4_14_16PM.thumb.png.a1978c81c450cb70e0b30ea8401913c7.png

#siteWrapper {

  display : grid;
  grid-template-areas : "header header"
                        "left main"
                        "footer footer";
  grid-template-columns : 20vw 80vw;
  
  }

.floating-cart {

  grid-area : header;
  
  }

#header {

  grid-area : left;
  position : unset;
  
  }

#page {

  grid-area : main;
  
  }

#footer-sections {

  grid-area : footer;
  
  }

#page .page-section:first-child {

  padding-top : unset !important;
  
  }

.header-display-desktop,
.header-title-nav-wrapper,
.header-nav-list

  {
  
    flex-direction : column;
    
    }

.header-title-nav-wrapper {

  align-items : unset;
  
  }

.header-layout-nav-right .header-nav-list {

  justify-content : unset;
  
  }

.header-layout-nav-right .header-nav {

  text-align : left;
  
  }

.header-layout-nav-right .header-nav,
.header-layout-nav-right .header-nav-item:not( :first-child ):not( .header-actions-action--cart ) {

  margin-left : unset;
  
  }

.header-layout-nav-right .header-nav {

  padding-left : unset;
  
  }

Again this is not a solution it is an experiment. I did not exhaustively test all the elements of the page to see if they would fit or work properly. Also one would probably want to restrict this effect to desktop only.

What this code shows is that it may be possible to achieve the effect you want with some not insignificant amount of work.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Thank You Creedon! Very helpful I will try this out. 

 

I did find this as part of the Jotterpress template. Which does 75% of what I want. It does not have an accordian effect with categories then sub pages like on my 7.0 site. 

 

Cheers, Will get back to you. 


2076637321_ScreenShot2022-07-26at9_32_55PM.thumb.png.39f26a0bdf53494ccfae400e0775b283.png785331676_ScreenShot2022-07-26at9_33_16PM.thumb.png.bbdca51f8fde47d0bea27688e7cbea51.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.