I’ve customized my Shopify header so the hamburger-style dropdown menu that appears on desktops now appears across all devices, everything else is hidden except the logo, search bar, login/register, and cart icon. Everything appears to be working except I need the logo to be hidden on mobile devices.
Please review the below code and let me know if you see a way I can have the logo hidden on mobile devices. Below is my entire header.liquid code, excluding {% schema %}
{% if section.settings.show_announcement or section.settings.header_search_enable %}
{% comment %}
Add social links to header
{% endcomment %}
{% comment %}
{% include 'social-links' %}
{% endcomment %}
{% if section.settings.show_announcement %}
{% if section.settings.announcement_link != blank %}
{% endif %}
{{ section.settings.header_text | escape }}
{% if section.settings.announcement_link != blank %}
{% endif %}
{% elsif section.settings.header_search_enable %}
{% include 'search-bar' with 'header' %}
{% endif %}
{% endif %}
{% if section.settings.header_search_enable %}
{% if section.settings.show_announcement %}
{% include 'search-bar' with 'header' %}
{% endif %}
{% endif %}
{% if section.settings.show_announcement %}
{% if section.settings.announcement_link != blank %}
{% endif %}
{{ section.settings.header_text | escape }}
{% if section.settings.announcement_link != blank %}
{% endif %}
{% endif %}

{{ cart.item_count }}
{{ 'layout.cart.title' | t }} {{ cart.item_count }}
{% include 'mobile-nav' with linklists[section.settings.nav_menu] %}
{% endif %}