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;
}

Thanks Ben – this works on laptop but viewing it on mobile it shows a huge logo and still the weird little drop-down menu underneath. Any ideas what I’ve done now?

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.

Thanks again Ben for getting back to me so quickly. I have made the changes suggested but unfortunately the same issue is occurring with the mobile view.

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.

Hi Ben

Just deactivated WP Optimize, cleared cache etc. and still no luck I’m afraid…

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 4 years, 2 months ago by Ben Sibley.

Thanks Ben – would reinstalling Tracks mean re-designing from scratch? I have looked at the code in the area you mentioned but don’t know enough to be able to rectify with confidence.

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.

Hi Ben

Updating the theme seems to have sorted the issue – looking at the site on Safari at least it seems to have gone back to normal, and laptop is fine. One thing now is that the top image has gone too close to the logo so it kind of indents a little. Any ideas why that could be?

Thanks for all your help,

Steve

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;
}

Thanks – this adjusted it slightly on laptop but it remains the same on mobile, unfortunately.

Also, another weird thing is that in my customizer tablet and mobile previews it still looks like the old way (i.e. large logo, weird menu), but in “real life” it has been rectified. Not sure how that works…

Hi again

Strangely, this has suddenly rectified across all platforms as far as I can see. Fingers crossed I don’t screw it up again.

Thanks for all your help, and have a great Christmas!

Steve

It looks good when I visit now too, so I think you’re good to go.

Have a Merry Christmas ??