7.1 Help Custom Code to Lower Nav Bar to Line Up with Logo

Hi, I'd like to learn how code or advice for how to lower my navigation bar to be in line with the company name text in the logo. I would like your help please in seeing if it is possible to format this for a version 7.1 desktop. 

Please see reference attached of how it displays now, and where I would like for it to display in line with red bar as a guide in the second reference image. 

Any help is greatly appreciated! Thanks so much!

Can you share link to your site?

If you can't, use CSS flexbox to solve this.

1 hour ago, tuanphan said:

Can you share link to your site?

If you can't, use CSS flexbox to solve this.

Thanks so much! It’s 

https://sandralynnallendesign.squarespace.com/

23 hours ago, CarolynSmith said:

Thanks so much! It’s 

https://sandralynnallendesign.squarespace.com/

Add to Home > Design > Custom CSS

@media screen and (min-width:992px) {
.header-title-nav-wrapper {
    align-items: baseline;
}
}

13 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (min-width:992px) {
.header-title-nav-wrapper {
    align-items: baseline;
}
}

 

Thank you so much! Many blessings to you!

Hey, 

Is there a code to move the nav bar (and button) to the top and not the bottom?

Thanks, 

23 hours ago, Mutley said:

Hey, 

Is there a code to move the nav bar (and button) to the top and not the bottom?

Thanks, 

align-items: flex-start;

Hello ! I there a way to move my nav bar links to line up below my button on 7.1? Site isn't live, password is master. 

Where the red line is on the screen shot (except straight, lol)

https://capybera-bronze-jlt5.squarespace.com/

15 minutes ago, BONICA said:

Hello ! I there a way to move my nav bar links to line up below my button on 7.1? Site isn't live, password is master. 

Where the red line is on the screen shot (except straight, lol)

https://capybera-bronze-jlt5.squarespace.com/

 

Add to Design > Custom CSS

/* Align nav */
.header-title-nav-wrapper {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

Thank you so much for your quick reply, I copied and pasted but couldn't get to to work! Any other suggestions? Thank you so much

Or just how to move them to the right with this layout? Thank  you again! 

Its not a difficult task you can see some new tips here to solve this issue because I am working on a new project website and taking help from there.

3 hours ago, BONICA said:

Or just how to move them to the right with this layout? Thank  you again! 

 

 

Can you share site url?