I want to have different logo images for mobile and desktop. I created a partial design for the header and added an image component for the logo. Now if I can select logo image in that which will be common for all viewports.
Now I have a requirement as I need a different image for mobile. I can do it by adding another image component for mobile by doing some CSS changes such as display:none for this image in desktop. But from the experience editor, if I want to change the mobile image its is not possible due to display:none property.
If I remove that property in the experience editor, it looks weird design in the experience editor.
Is there any other way to do it- using styles or rendering variant concepts?