Logo Disappeared

Hi Steve,

I see a CSS snippet that is hiding the logo. Look for this in your custom CSS

.site-title {
  display: none;
}

If you can’t find that code to remove it, you can override it by adding this CSS instead:

.site-title {
  display: block !important;
}

Okay let’s start by limiting the width of the logo like this:

.site-title {
  max-width: 8em;
}

That will prevent it from showing up any larger on mobile devices.

As for the mobile menu, it looks like the icon isn’t loading because of a cross-domain issue, but it’s easy to fix. In your General settings menu, remove the “www” from the WordPress URL and Site URLs so that they match. This should fix the icon font and allow the mobile menu button to display normally.

I think some of these issues might be coming from the WP Optimize plugin. Try clearing the cache and see if this helps. You might also want to disable the minify features temporarily to see if this fixes the issue.

Thanks for making these changes. This has allowed me to view the stylesheet in Tracks on your site, and now I can see that there have been some bad modifications that are breaking parts of the normal header styles. I’m looking at a few lines of invalid code around line 528 in style.css in particular. This code could be corrected, or Tracks could be reinstalled on your site to quickly overwrite the stylesheet.

• This reply was modified 5 years, 4 months ago by Ben Sibley.

It depends. Reinstalling (or updating) Tracks won’t affect any of your Customizer settings or CSS added via the Customizer. It will overwrite any changes you’ve made to template files in the Tracks theme like style.css or content.php, for instance.

Do you have a lot of modifications in the style.css file, or are your customizations mainly added with a plugin or the Customizer?

Also, I published an update for Tracks about an hour ago, so you could simply update Tracks instead of reinstalling to overwrite the style.css file.

That’s great, glad to hear it!

This new issue is happening because of some negative margin added to the header with the SiteOrigin CSS plugin. You could remove the negative margin there, or add this CSS to the Additional CSS section in the Customizer to correct it:

#site-header {
  margin-bottom: 0 !important;
}