Hide the site name/title in the header menu

[NoiseWorld]

First off, let me say great job on the theme! I’m very happy with what I’ve been able to create with it.

Since our home page uses its brand name in the header/slider image, we don’t want the name to appear as text in the main menu (currently set to naked menu, see picture for clarification on which piece of text I mean). The text also gets chopped off on mobile browsers (see second picture), so we’d prefer just to hide/delete it. This heading sources its text from the site’s title, and we obviously want to avoid removing the site’s title for SEO reasons.
I’ve searched endlessly for a way to hide this text heading, but there’s no setting I can find to hide the site name in the header or menu options, and all the css code I’ve found online and added into the Editor doesn’t seem to have an effect. (I’m pretty novice with this kind of thing though)

Thanks in advance for any help you can offer!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#logo .text-logo {
    display: none !important;
    
}

Thanks
Mohammad

[NoiseWorld]

Perfect! Thank you for the fast response, Mohammad.

[David Martin – Support]

Thanks Mohammad

[NoiseWorld]

Sorry to re-open this! I spoke too soon.

Though the css code has successfully hidden the header title text when viewing on a wide screen/computer, once the window becomes thin enough (ie. tablet or mobile width) that the transparent naked menu is forced to switch to the solid white menu, the text comes back. Only it cuts it off half the title at different points depending on the device/viewing width, and puts “…” afterward.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

#mobile-logo.no-img a {
  max-width: none;
}

– Kyle

[NoiseWorld]

Thanks Kyle.
The ‘max-width’ stopped the text from cutting off, and then I just copied
‘ display: none !important; ‘ from the previous logo css section
to the new #mobile-logo section and the text disappeared completely on the solid white menu.

All good now, cheers guys!

[Kyle – SUPPORT]

Great! No problem

– Kyle