Jump to content

Stack and left justify logo and navigation SS7.1

Recommended Posts

.header-title-nav-wrapper {
    margin-left: 0 !important;
}
.header-nav {
    text-align: left !important;
}

add this.

Thank you.

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
  • 1 year later...
On 6/10/2020 at 10:13 PM, tuanphan said:
.header-title-nav-wrapper {
    margin-left: 0 !important;
}
.header-nav {
    text-align: left !important;
}

add this.

Thank you.

Hi @tuanphan

I'm seeking this same effect to create a 'sidebar nav' however this did not fully work for me. Whilst my nav links are working, my site title is not fully to the left of the page. Any ideas?

Site:https://carnation-parsnip-br2g.squarespace.com/

PW: abc123

Your help is much appreciated!

Thanks,

Jordy

Link to comment
On 10/9/2021 at 7:23 AM, Jordy_TheShop said:

Hi @tuanphan

I'm seeking this same effect to create a 'sidebar nav' however this did not fully work for me. Whilst my nav links are working, my site title is not fully to the left of the page. Any ideas?

Site:https://carnation-parsnip-br2g.squarespace.com/

PW: abc123

Your help is much appreciated!

Thanks,

Jordy

Don't remove any code

Add this to Design > Custom CSS

.header-title-text {
    text-align: left;
}

 

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
  • 3 months later...
On 2/4/2022 at 6:19 AM, BillD said:

Trying to put logo left, with menu under it - tried all the above, but I am an idiot - what do i do? https://alpinewine.com/

It looks fine here

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
  • 1 month later...
On 3/10/2022 at 7:19 AM, muffy said:

@tuanphan

I am trying to do something similar to this...Basically I want my logo to stay where it is (centered), and the navigation links stacked on top of one another, slanted, and to the left. (picture on mobile shows the style).

site is https://antoninaclarke.squarespace.com/ password is test. 

Screen Shot 2022-03-05 at 3.31.16 PM.png

It looks like you solved?

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
2 hours ago, muffy said:

not exactly! i got it to replicate the mobile look, but i'd like to have it stacked to the left, one link on top of the other, without the hamburger. 

Hi,
I see just the logo is not centered! Do you need more helps? 
Could you show me the result of your needs via an image please?

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

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.