Is there a way to stack the site name and tagline to the right of the logo?

Thanks for using Tracks!

I think this CSS should work well:

@media all and (min-width: 800px) {

  .site-description.tagline {
    left: 214px !important;
    width: 280px !important;
    text-align: left !important;
  }
}

I added in a width value in there which breaks the tagline into two lines. Feel free to adjust that part or remove it entirely if you’d like.

Thanks for this. I’m still getting an intermittent issue. Sometimes the page loads as I’d like it, and sometimes the description text is shunted onto the next line – see here – https://punchboard.co.uk/wp-content/uploads/2020/09/WZ7YY7Aagv.png

Sometimes if I ctrl-refresh it sorts it out, other times it’s fine when it first loads, any ideas?

Also, is there any way to remove the hover effect from just the logo, so that it’s always at its intended colour?

Thanks again

Got it. Please try this updated snippet:

@media all and (min-width: 800px) {

  .site-description.tagline {
    top: -24px !important;
    left: 214px !important;
    width: 280px !important;
    text-align: left !important;
  }
}

And this will remove the opacity effect from the logo:

#site-title {
  opacity: 1;
}

Thanks so much for the prompt reply and help, it’s really appreciated ??

You’re welcome! Stay in touch if you need anything else and I’ll be happy to help.