Jump to content

Moving elements of navigation bar or menu

Recommended Posts

Site URL: https://www.elcamino.travel/

Hi, I removed the social links from my site header and now my menu items aren't centered on the page. Is there a way to fix this? Here's the code I have that's effecting my site header right now:

// nav bar stacking //
.header-nav {
    width: 90% !important;
    flex: 1 1 90% !important;


// Pressed Down Button - 7.1 Header Button //

.header-actions .btn {
  box-shadow: 5px 5px #D1C4CF;
  transition: all ease-in .05s;

.header-actions .btn:active {
  box-shadow: none;
  transform: translateY(4px) !important;
  transition: all ease-in .05s;

In addition, the login buttom (code above), is super far to the right. Can this be brought in and aligned with the nav bar in a nicer way?

Screen Shot 2022-02-07 at 10.53.06 AM.png

Link to comment
  • Replies 1
  • Views 363
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.