Code for different logos on mobile or desktop - help please

[oysterpots]

Hi there,

I am working on a site and would like to be able to code in a different logo depending on mobile or desktop.

Mobile:

Desktop:

I'm working with the Studio theme.

Grateful for any help on this 🙏

[instasell]

        Thank you for your question about "Code for different logos on mobile or desktop - help please". 

        While I'm unable to provide a specific answer at the moment, I recommend checking the Shopify documentation or reaching out to Shopify support for detailed assistance.

        If your query is related to order tracking or shipping management, you might find our app helpful. It provides intuitive order tracking and powerful shipping analytics. You can check it out in the Shopify app store.

        For immediate support, please don't hesitate to contact Shopify's customer service or consult their comprehensive help center.

[instasell]

        Thank you for your question about "Code for different logos on mobile or desktop - help please". 

        While I'm unable to provide a specific answer at the moment, I recommend checking the Shopify documentation or reaching out to Shopify support for detailed assistance.

        If your query is related to order tracking or shipping management, you might find our app helpful. It provides intuitive order tracking and powerful shipping analytics. You can check it out in the Shopify app store.

        For immediate support, please don't hesitate to contact Shopify's customer service or consult their comprehensive help center.

[BSS-TekLabs]

Hello @oysterpots .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[DitalTek]

Hi,

To achieve that, you need go to header section file, then go to schema code, here you add a more setting:

{% schema %}
{
....
settings: [
   {
      "type": "image_picker",
      "id": "image_desktop",
      "label": "Image Desktop"
   },
  {
      "type": "image_picker",
      "id": "image_mobile",
      "label": "Image Mobile"
   }
 ]
}
{% endschema %}

And then you find to place handling show out logo and customize code here.

[Guleria]

Hello @oysterpots ,

Please check the theme settings. If there is an option available in the theme to add a separate logo for desktop/mobile then you can do this.

Alternatively you need to ask from the theme support about it or hire a developer for it.

If you need this customization then contact me by my email for services.
Contact info in forum signature.