Title misaligned in mobile view

Ahh I see. Did your CSS way work nicely?

I don't see anything wrong with that.

David's suggestion of creating a logo with the text is the best though.

No it didn't, I will change it now and publish it so you can have a look

No need. I don't know a way to change that using CSS either. Was just curious if that worked.

We have two options:

- The first and better option would be to create a logo like David suggested.

- The second is to activate mobile header again (without uploading a logo) then manually add the logo and title text using the hook:
https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header

Hi Leo,

I had a look at that hook, but had no idea how to use it. Which is why I went to the CSS.

It takes regular HTML. Something like this should help you get started:

<div class="mobile-header-logo-text">
    <a href="http://www.olmcburraneer.nsw.edu.au/" title="Our Lady of Mercy Catholic College Burraneer" rel="home"><img src="http://www.olmcburraneer.nsw.edu.au/wp-content/uploads/2018/11/olmc_logo1.jpg" alt="Our Lady of Mercy Catholic College Burraneer">Title Text</a>
</div>

Ok thanks so much for your help!

I think I learnt a fair few bit and have made some adjustments to suit our needs and will be making more adjustments in future.

No problem :)