How to centre

Hi,

I've edited CSS and page header code injection (specific to this page) for a few things, one being to change the background colour of the header and the logo image for that page.

It looks fine on desktop, but now in mobile, the logo is off centred (see attached). Any idea how to centre the logo in mobile, as well make it slightly bigger?

Kathlyn

https://www.atelieroleana.com/services

Try this in Custom CSS:

.header-display-mobile {
  .header-title-logo {
    margin-left: 47px;
  }
}

That worked to fix the Services page, but then made all of the other pages off centred. I only need this fix for the Services page. Should I put it in the page header code injection instead?

19 minutes ago, KatJarv said:

That worked to fix the Services page, but then made all of the other pages off centred. I only need this fix for the Services page. Should I put it in the page header code injection instead?

Yes, put it in the page header code injection, make sure to wrap it in <style> tags.