Lining up my logo in the header with the text below it

Site URL: https://chinchilla-chicken-nanw.squarespace.com/

Hi, 

I've looked but cannot find instructions / code to move my logo so that it lines up with the text below. See screenshot

Really appreciate any help!

Thanks,

Brian

Please post your site-wide password so we can take a look at your issue.

Add the following to Design > Custom CSS.

.header-title-nav-wrapper {

  margin-left: 5vw;
  
  }

Let us know how it goes.

Worked perfectly - thank you very much Creedon!

@creedon Unfortunately, the knock on effect is that now the hamburger on the mobile version is pushed off the screen by 50%.

Is there a way to only apply that code to desktop?

9 hours ago, brianbyrne7 said:

@creedon Unfortunately, the knock on effect is that now the hamburger on the mobile version is pushed off the screen by 50%.

Is there a way to only apply that code to desktop?

Edit above code

@media screen and (min-width:992px) {
.header-title-nav-wrapper {

  margin-left: 5vw;
  
  }
}

It looks like @tuanphan has you covered! 🙂