Hi,
I would like to know how to make the mobile version header different from the web version. For example, the one on the web version is horizontal and I wanted to place a different version vertically on the mobile version. I don’t want to simply change the header size, but rather create a mobile version with the image and text positioned differently. Would it be possible to do this through code?
My website is www.strassia.com.
Thank you in advance!
Click the Header section to open the settings. Under the Main menu section, click Change and Change menu. For more information about menus on Shopify, see their Menus and links article. You can use the Edit menu link to go edit the menu if it’s not quite right.
I don’t think I made myself clear, sorry. It’s not the menu I’m talking about, but the header. Here is an example of what I want…
Mobile version of the header:
Web version of the header:
They are two different images to better adapt to the screen of different devices.