Jump to content

Menu navigation center

Recommended Posts

On 3/15/2021 at 8:26 PM, Fried said:

Hello!

I would like to know how can I center Logo and navigation menu ? I would like to have the same disposition as the logo and Navigation Menu below. 

Thank you for your kind helpheader.thumb.png.c85778c280c8a272b4b8117bb5b4da3d.png

What is your site url

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 2 months later...
On 6/12/2021 at 11:00 PM, Fried said:

@tuanphan The password is hyugaT333

 

Thank you for your help

Try adding to Design > Custom CSS

/* center logo nav */
.header-title-nav-wrapper>div {
    flex: 50% !important;
    width: 50% !important;
}
.header-title-logo {
    text-align: right;
}
.header-nav {
    text-align: left !important;
}

 

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

Try adding to Design > Custom CSS





/* center logo nav */
.header-title-nav-wrapper>div {
    flex: 50% !important;
    width: 50% !important;
}
.header-title-logo {
    text-align: right;
}
.header-nav {
    text-align: left !important;
}

 

Hello @tuanphan, first of all I want to thank you very for your precious help and took the time to go through my request. 

The code that you have given me is partially working. I just have two issues coming from it that you can see on the scree shot attached :

- The whole menu block logo + entries + bag icon have to be centred. As you can see on the screenshot it is staggered on the right.

- I need to control the space between the menu entries to increase it because it's too tight.

Thank you very much.

Friedmann

Screen Shot 2021-06-14 at 11.28.33.png

Edited by Fried
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.