Jump to content

Stack and left justify logo and navigation SS7.1

Recommended Posts

  • 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 months later...
  • 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.