Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Keep Logo Center, Move Navigation to Right in 7.1


unavolta

Question

  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

11 answers to this question

Recommended Posts

  • 0
18 hours ago, Courteney said:

@tuanphan Please let me know how to do this! I have been searching everywhere for the code.  I would like logo centre and navigation on the right

https://viola-rust-msbd.squarespace.com/

password: sunday

You mean: 

  • 1. Left Menu - Logo - Right Menu
  • OR 2. Logo - Right Menu?
Link to post
  • 0
On 4/25/2021 at 2:16 PM, tuanphan said:

You mean: 

  • 1. Left Menu - Logo - Right Menu
  • OR 2. Logo - Right Menu?

I am wanting logo centre and then menu (navigation) on the right. 

This is specifically for desktop, I already have mobile in the right place.

I have attached a screenshot below to show my mock up of what I am wanting.

Thank you!

Screen Shot 2021-04-27 at 8.36.13 AM.png

Link to post
  • 0
On 4/27/2021 at 3:36 AM, Courteney said:

I am wanting logo centre and then menu (navigation) on the right. 

This is specifically for desktop, I already have mobile in the right place.

I have attached a screenshot below to show my mock up of what I am wanting.

Thank you!

Screen Shot 2021-04-27 at 8.36.13 AM.png

Try adding to Design > Custom CSS

/* right menu */
.header-title-nav-wrapper {
    flex: 1 0 100%;
    flex-direction: row-reverse;
}
.header-nav {
    text-align: right;
}
.header-title-logo {
    text-align: right;
}

 

Link to post
  • 0
2 hours ago, tuanphan said:

Try adding to Design > Custom CSS


/* right menu */
.header-title-nav-wrapper {
    flex: 1 0 100%;
    flex-direction: row-reverse;
}
.header-nav {
    text-align: right;
}
.header-title-logo {
    text-align: right;
}

 

Thank you!!!!

However the logo isn't fully centred, is there any way to fully centre this?

Link to post
  • 0
16 hours ago, tuanphan said:

Try adding to Design > Custom CSS


/* right menu */
.header-title-nav-wrapper {
    flex: 1 0 100%;
    flex-direction: row-reverse;
}
.header-nav {
    text-align: right;
}
.header-title-logo {
    text-align: right;
}

 

Hi @tuanphan! Thank you! This worked for me but I am having the same issue as Courtney above with the main logo not being perfectly center. Any workaround?

https://shallot-leopard-twxs.squarespace.com/

pw: carden

 

Link to post
  • 0
On 4/29/2021 at 4:04 AM, unavolta said:

Hi @tuanphan! Thank you! This worked for me but I am having the same issue as Courtney above with the main logo not being perfectly center. Any workaround?

https://shallot-leopard-twxs.squarespace.com/

pw: carden

 

 

On 4/28/2021 at 2:32 PM, Courteney said:

Thank you!!!!

However the logo isn't fully centred, is there any way to fully centre this?

Do you use Personal or Business or Commerce Plan? We can try some JS code to handle this

Link to post
  • 0
21 hours ago, tuanphan said:

 

Do you use Personal or Business or Commerce Plan? We can try some JS code to handle this

The site is currently on trial but will be on the Personal plan. Thank you

Link to post
  • 0
On 5/4/2021 at 7:02 AM, unavolta said:

The site is currently on trial but will be on the Personal plan. Thank you

Hi. Remove above code & let me know. I will check again.

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...