Align header logo with main body text

Site URL: https://www.jordanpappas.xyz

Hello! I have a (hopefully) simple ask here:

I'd like to align my header logo with my main body text below it. To be clear, I want the leftmost side of my logo to align with the leftmost side of "Jordan".

What CSS/HTML can help me achieve this? Ideally, I can adjust the left/right padding on the header margins, since i'd like to move the navigation links inward as well.

Very new to front-end -- thank you for your help!

Password is: 2022

On 7/24/2022 at 9:31 PM, JordanJ said:

Site URL: https://www.jordanpappas.xyz

 

Hello! I have a (hopefully) simple ask here:

I'd like to align my header logo with my main body text below it. To be clear, I want the leftmost side of my logo to align with the leftmost side of "Jordan".

 

 

What CSS/HTML can help me achieve this? Ideally, I can adjust the left/right padding on the header margins, since i'd like to move the navigation links inward as well.

Very new to front-end -- thank you for your help!

Password is: 2022

i manually push the logo to the right via the following code

.header-title-nav-wrapper .header-title {
  margin-left: 60px;
}

Add it to Home > Design > Custom Css and let me know how it works

My testing

@bangank36 this worked perfectly! thank you so much!

@bangank36 do you know how i might do the analgous action on the header navigation items? in other words, how do i use padding on the navigation links to move them inward?

14 hours ago, JordanJ said:

@bangank36 do you know how i might do the analgous action on the header navigation items? in other words, how do i use padding on the navigation links to move them inward?

Do you mean decreasing the space between 2 buttons?

1 hour ago, bangank36 said:

Do you mean decreasing the space between 2 buttons?

@bangank36 close! i'll be removing the "Bookshelf" link soon, so i'll only have the "Connect" button in the header. i'd like to move this "Connect" button inward (to the left) with CSS.

On 7/29/2022 at 11:48 PM, JordanJ said:

close! i'll be removing the "Bookshelf" link soon, so i'll only have the "Connect" button in the header. i'd like to move this "Connect" button inward (to the left) with CSS.

Do you still need help with this? I see you removed both 2 buttons on header

@tuanphan yes, please! i'm working on a new version of my site here: https://viola-harpsichord-acda.squarespace.com

Password is: 2022