How can I hide the logo in Turbo theme's desktop version?

[nicolasake]

Hello,

I would like to hide (make it invisible or delete it) the logo in the desktop version but I can’t find a way to do that. Can you help me?

Thanks,

Nicola

[PageFly-Henry]

Hi @nicolasake ,

This is Henry at PageFly - Shopify Advanced Page Builder app.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Henry | PageFly

[nicolasake]

@PageFly-Henry i did what you said but the logo is still there..

URL: https://sakesommelierassociation.myshopify.com/pages/corsi-di-sake-sommelier-certificato

[Lana_2]

Hello @nicolasake !

For removing this logo, the best thing to do might be to contact the developers of the theme directly and ask if they can help out.

I had a look, and you can submit a support request on their developer website here.

I can see you’re getting some suggestions here for changing the code to achieve this - which is great, - but just be mindful that some code changes can affect parts of the theme that you may not expect, so before going ahead with any changes it would be best to duplicate the theme by following these steps here.

This way, should anything go wrong, you will have an untouched copy of your theme that you can always go back to.

I also wanted to ask for some additional context around why you’re looking to hide the logo.

I personally would not advise this, as the logo is a recognisable part of the store that plays its part in building trust with customers. Those who regularly shop online are used to seeing a logo, and the absence of one may cause some doubts, - so this is also very good to keep in mind.

Additionally, your logo operates as a Home button, which adds to ease of navigation in your store.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → styles.css and paste this at the bottom of the file:

@media (min-width: 1024px) {
    .header__logo.logo--text {
      display: none;
    }
  }

[nicolasake]

@ZestardTech thank you, that worked!

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.