Navigation and Logo Left

Hello

I've been trying to create a website with side navigation like the "Wells template" for a while now.
However, I would prefer to work with the current version as I like the blog functions better. 

I tried this code, which actually moved the navigation to the left:

/* Float header */
@media screen and (min-width:992px) {
  .header-title {
    position: fixed;
    top: 3vw;
    left: 5vw;
    z-index: 9999;
}
.header-nav {
    position: fixed;
    top: 50%;
    left: 5vw;
    padding: 0 !important;
    transform: translateY(-50%);
}
  nav {
    flex-direction: column;
  }
  div.header-nav-item {
    margin: 0 !important;
    text-align: left !important;
}
  div.header-nav-item  a{
   display: inline-block;
}
.header-actions.header-actions--right {
    position: fixed;
    left: 5vw;
    bottom: 2vw;
    justify-content: flex-start !important;
}
.header-actions--right .header-actions-action a {
    margin-left: 0 !important;
    margin-right: 2.5vw;
}
#page article section.page-section {
    max-width: 85%;
    margin-left: 13%;
    padding-top: 0 !important;
}
}

Only the logo remains at the top of the header. I can move it to the left, but it still remains in the header and that doesn't look very nice, especially since I can't move it to two lines (like I can with the Wells).

Is there a way to move the logo to the left in the navigation? 

Many greetings

Can you share site url? We can check problem easier

Hello

guitar-paddlefish-rhg3.squarespace.com
Paddlefish24

I would like the “logo” in the header to the left in the navigation, as with the Wells template. In my case on two lines, because the name is long.

As the Wells template does not have all the functions of version 7.1, I would prefer to work with 7.1. Is there a solution for this? 

Thank you very much.

You can use this to Custom CSS box

@media screen and (min-width:992px) {
.header-title {
    max-width: 250px;
}
.header-title div {
    line-height: 30px !important;
}
}

Now it takes the logo on two rows, thank you very much.

I have just found this template, which is based on version 7.1: https://sm-tandem.squarespace.com/

It looks like the Wells template and the way I would like it to look. When I resize the window, the logo does not slide into the images as it currently does.

What is the requirement to create such a template? Is a business plan or higher required here or is the normal “personal” sufficient?

The other option would be to simply use the Wells template so that everything is displayed correctly. But I don't know how useful it is to create a new website with 7.0. What are your thoughts on this?

On 8/23/2024 at 5:59 PM, SARE said:

Now it takes the logo on two rows, thank you very much.

I have just found this template, which is based on version 7.1: https://sm-tandem.squarespace.com/

It looks like the Wells template and the way I would like it to look. When I resize the window, the logo does not slide into the images as it currently does.

 

What is the requirement to create such a template? Is a business plan or higher required here or is the normal “personal” sufficient?

The other option would be to simply use the Wells template so that everything is displayed correctly. But I don't know how useful it is to create a new website with 7.0. What are your thoughts on this?

If you need to create Well Templates, you can write your email, I can create a trial site then transfer ownership to you.

Currently only Circle Member can create 7.0 site (Well is 7.0)