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

Recommended Posts

Hi! I want my logo on the right side of my header and nav options on the left. I'm currently only given the option to have the logo on the right side or centered with various positions for navigation. I've checked to see what template I'm using and only see version 7.1 so I'm not sure if that is the issue or how I would be able to fix it. Please help!

Share this post


Link to post

SS 7.1 supports Logo (center) - Navigation (left), doesnt support Logo (right) - navigation (left)

You can set Logo (Center) - Nav (left), then add this code to Home > Design > Custom CSS

@media screen and (min-width:768px) {
.header-title-nav-wrapper {
    flex: 1 0 100%;
}
.header-layout-branding-center .header-title {
    text-align: right;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

OFF Forum from 05 - 09/06/2020, back to hometown

Share this post


Link to post

Hi! This worked great for me too but the logo is still positioned on the left/hamburger on right in mobile. How can I swap these so the logo remains on the right in small screen sizes?

 

Thanks!

Share this post


Link to post
7 hours ago, mandabuck said:

Hi! This worked great for me too but the logo is still positioned on the left/hamburger on right in mobile. How can I swap these so the logo remains on the right in small screen sizes?

 

Thanks!

Can you share link to your site?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

OFF Forum from 05 - 09/06/2020, back to hometown

Share this post


Link to post

Hi @tuanphan

On SS 7.1. CROSBY template

I would like to have Logo (center) - Navigation (right), is that possible? 

 

Share this post


Link to post
1 minute ago, CW2 said:

Hi @tuanphan

On SS 7.1. CROSBY template

I would like to have Logo (center) - Navigation (right), is that possible? 

 

Can you share link to Crosby template demo?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

OFF Forum from 05 - 09/06/2020, back to hometown

Share this post


Link to post
17 minutes ago, CW2 said:

Hi @tuanphan

On SS 7.1. CROSBY template

I would like to have Logo (center) - Navigation (right), is that possible? 

 

I think it is possible. I will test again tomorrow. SS 7.1 loading slowly tonight


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

OFF Forum from 05 - 09/06/2020, back to hometown

Share this post


Link to post
5 minutes ago, tuanphan said:

I think it is possible. I will test again tomorrow. SS 7.1 loading slowly tonight

Ok thank you! 

Share this post


Link to post
8 hours ago, mandabuck said:

Yes, thank you! The site is https://prospect-studio.squarespace.com/ pw: wilson. 

Would like the logo to remain right-aligned in small screens. It works on desktop but not small screens right now. 

Add to Home > Design > Custom CSS

.header-menu-nav-folder-content * {
    text-align: right !important;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

OFF Forum from 05 - 09/06/2020, back to hometown

Share this post


Link to post

Hi @tuanphan Thanks, but that is not what I meant! 🙂 Please see attached showing what it looks like currently, and what I am trying to achieve. I did this in Photoshop.  

small screens-currently.png

what I want to achieve.png

Share this post


Link to post
12 hours ago, mandabuck said:

Hi @tuanphan Thanks, but that is not what I meant! 🙂 Please see attached showing what it looks like currently, and what I am trying to achieve. I did this in Photoshop.  

 

 

Use this code

@media screen and (max-width:991px) {
.header-display {
    flex-direction: row-reverse;
}
.header .header-title-nav-wrapper .header-title {
    text-align: right;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

OFF Forum from 05 - 09/06/2020, back to hometown

Share this post


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...