Jump to content

Menu navigation center

Recommended Posts

  • Replies 6
  • Views 1.2k
  • Created
  • Last Reply
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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates)

If you find my answer useful, 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

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

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

Link to comment

Archived

This topic is now archived and is closed to further replies.

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