Jump to content

Align Nav Bar to Right Corner

Recommended Posts

  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

5 hours ago, pamelah said:

Site URL: https://chateauboll-pamelahsiung.squarespace.com/

Hi everyone, is there a way to have navigations in the same line as the Logo, but placed in the top right corner? 

I tried the CSS below but the Nav isn't on the same line as the logo, and it's not all the way to corner. 

.header-nav-list {
    float: right;
}

password: boll

Thank you!

Hi. Where is logo?

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
19 hours ago, pamelah said:

The logo is at the top center, but doesn't show up since my website is a trial (I think). 

Here is a picture of it:

950951059_ScreenShot2021-07-14at8_18_05AM.thumb.png.e5852a41804ca71197434bbabf86bc63.png

I'm hoping to have "Shop Our Story..." on the same line as the logo, and in the right corner. 

You can edit Site Header >> Change Header layout to Navigation (left) - Logo (center)

Then let me know. We will give the code to change order to Logo (center) - Navigation (right)

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
15 hours ago, pamelah said:

Hi Tuan,

Updated to Nav (left) and Logo (center)! 

Is there also a css to move the Nav to the right corner (no padding)? Thank you!!

Add to Design > Custom CSS

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

 

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 weeks later...
On 7/17/2021 at 5:56 AM, pamelah said:

I tried that but the nav is now in the center. Wonder if it is because of my logo? 

https://chateauboll-pamelahsiung.squarespace.com/
I've updated the password btw! pass: brineintopedro1487150663_ScreenShot2021-07-16at3_56_31PM.thumb.png.8133084f40c21c4b9ddcd1c7ee7c4833.png

Hi. Do you still need help on this?

Also, need to fix these?

Site URL: https://chateauboll-pamelahsiung.squarespace.com/

1. (Desktop – Header) When hover on menu, just there is a black space in dropdown

chateauboll-pamelahsiung.squarespace.com

2. (Desktop/Tablet – Homepage) Align center text inside button

chateauboll-pamelahsiung.squarespace.com

3. (Desktop – Homepage) Make text on the same line

chateauboll-pamelahsiung.squarespace.com

4. (Tablet – Homepage) There is a scroll bar at bottom of the page

chateauboll-pamelahsiung.squarespace.com

5. (Tablet/Mobile – Homepage) Word break

chateauboll-pamelahsiung.squarespace.com

6. (Tablet – homepage) The same here

chateauboll-pamelahsiung.squarespace.com

7. (Mobile/Tablet – Background image doesn’t show in full size

chateauboll-pamelahsiung.squarespace.com

8. (Tablet/Mobile – Homepage) The same here

chateauboll-pamelahsiung.squarespace.com

9. (All devices – Homepage) When i click on read more, it just reload the page

chateauboll-pamelahsiung.squarespace.com

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 weeks later...
On 7/25/2021 at 7:11 AM, tuanphan said:

Hi. Do you still need help on this?

Also, need to fix these?

Site URL: https://chateauboll-pamelahsiung.squarespace.com/

1. (Desktop – Header) When hover on menu, just there is a black space in dropdown

chateauboll-pamelahsiung.squarespace.com

2. (Desktop/Tablet – Homepage) Align center text inside button

chateauboll-pamelahsiung.squarespace.com

3. (Desktop – Homepage) Make text on the same line

chateauboll-pamelahsiung.squarespace.com

4. (Tablet – Homepage) There is a scroll bar at bottom of the page

chateauboll-pamelahsiung.squarespace.com

5. (Tablet/Mobile – Homepage) Word break

chateauboll-pamelahsiung.squarespace.com

6. (Tablet – homepage) The same here

chateauboll-pamelahsiung.squarespace.com

7. (Mobile/Tablet – Background image doesn’t show in full size

chateauboll-pamelahsiung.squarespace.com

8. (Tablet/Mobile – Homepage) The same here

chateauboll-pamelahsiung.squarespace.com

9. (All devices – Homepage) When i click on read more, it just reload the page

chateauboll-pamelahsiung.squarespace.com

Hi Tuanphan, yes please! The logo is still in the center. And I need to fix all of those things as well... Not sure how to get them right. 

Link to comment
On 8/5/2021 at 6:49 AM, pamelah said:

Hi Tuanphan, yes please! The logo is still in the center. And I need to fix all of those things as well... Not sure how to get them right. 

Hi. Can you enable logo? We don't see logo here.

The logo should appear, event you use Trial Plan

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

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.