Split site template with Site title – two colours and bold

Hi there,

The post you linked cannot be found so I'm not sure what you followed.

What if you do something like this?

<div class="site-branding">
<h1 itemprop="headline" class="main-title"><a rel="home" title="SCOTT DOEL" href="Your homepage URL"><span style="font-family:verdana; font-weight:700;">SCOTT</span> <span style="color:#FABF19; font-weight: 300;">DOEL</span></h1>
	<p class="site-description">Your tagline if needed</p>
</div>

Thanks Leo didnt try that, but I added a 400 font weight to the second element and that worked a treat

No problem :)

Sorry to add to this post, but I need a slight change

The above works perfectly but if I select the sticky menu option, the menu stays but the logo is no longer there

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know :)

The site is on a staging here

Can you take a look at this post and see if it helps?
https://generatepress.com/forums/topic/sticky-menu-split-navigation-not-using-a-logo-site-title-disappears-on-scroll/

That post with the CSS works and shows the site title.

If I upload a logo, the only way to get it to show is to show the site title (I've left that option on) so you can see it. The image is also 'squashed' over the site title

Is there any way I can use the same text-based Logo? I've looked for a hook in elements and in the online document and nothing there I can find that is suitable

What if you:

1. Disable your site title.
2. Go into Customize > Additional CSS and remove this CSS:

.site-branding, .site-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 200;
}

Perfect Tom, thank you

You're welcome :)