center logo (horizontal and vertical) on cover page

Site URL: https://thealmonte.com

Hey everyone,

I find my logo awkward on top of the page:

https://thealmonte.com

What I want to do is to vertically (and horizontally) center the logo. 

I Have managed to get it to centre for a split second by adding it to custom css using this code. but then it changes back. Can anyone help me with where to put the code or what code to use?

Quote

[data-compound-type="logo"] {
 position: absolute;
  top: 50%;
  left: 50%;
 transform: translate(-50%, -50%);

37 minutes ago, IgnatiaBelle said:

Site URL: https://thealmonte.com

 

Hey everyone,

I find my logo awkward on top of the page:

https://thealmonte.com

What I want to do is to vertically (and horizontally) center the logo. 

 

I Have managed to get it to centre for a split second by adding it to custom css using this code. but then it changes back. Can anyone help me with where to put the code or what code to use?

 

 

Could you try this

[data-compound-type="logo"] {
 position: fixed !important;
  top: 50%;
  left: 50%;
 transform: translate(-50%, -50%);
}

Just now, bangank36 said:

Could you try this

[data-compound-type="logo"] {
 position: fixed !important;
  top: 50%;
  left: 50%;
 transform: translate(-50%, -50%);
}

would I be adding that to Design> custom css or Page Settings -> Advanced -> Code Injection

thank you!

5 minutes ago, IgnatiaBelle said:

would I be adding that to Design> custom css or Page Settings -> Advanced -> Code Injection

 

thank you!

Design->Custom css

it wo

1 minute ago, bangank36 said:

Design->Custom css

it worked thank you! it stopped the css I had  added to make it a clickable link to the site stop working though