How can I modify header images for desktop and mobile view?

[sebastiaanjopp]

Hi All, 

I have an issue, i want to change my header only pictures on desktop and mobile only text. 

I really want below, but when im doing this on mobile i dont have a link anymore to basics or denim. 

Please help me,

[Dan-From-Ryviu]

hi @sebastiaanjopp 

Could you share your store URL?

[sebastiaanjopp]

https://no-excess.com/

[Made4uo-Ribe]

Hi @sebastiaanjopp 

You can hide theme using media query. Like this. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (min-width: 1139px) {
 #section-header > div > div:nth-child(1) > nav > ul > li:nth-child(4) > div > div > div.MegaMenu__Item.MegaMenu__Item--fit {
    display: none;
  }
}

And Save. 

Result:

This wont be affected the lower screen min width this work are in 1139px size screen. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!