Show only on desktop

[Toypop]

Hello

I have a problem I can't make this photo to show only on desktop I did everything every code but nothing worked 

Did one for only mobile but for desktop version nothing seems to work.

please help me out ❤️

https://www.toypop.lt/pages/kontaktai

[Abdosamer]

Hi @Toypop , go to section-image-banner.css and add the following code to the end of it :

@media (max-width:799px){
div#Banner-template--22284692717833__image_banner_GjkxaY .banner__media {
    display: none;
}

}

[Toypop]

Hi, 

thanks but unfortunately it is not working

[Abdosamer]

@Toypop , it seems that you have other code that hide the whole section on mobile screen, try to remove this code first and then add my code to only hide the image.

[Toypop]

Hello 

thanks for suggestion but sadly it doesn't work, have a look

[Abdosamer]

@Toypop , Go to section-image-banner.css and add the following code at the end of it :

@media (max-width:800px){
.banner__media.media.banner__media-half {
    display: none;
}


}

Result:

[Toypop]

Still nothing just adds the code under it

[Abdosamer]

@Toypop , Where did you put the code?

[Toypop]

Here 

[Abdosamer]

@Toypop , This is the  image-banner.liquid , you should put the code in section-image-banner.css , you can find it in the assets folder of your theme.

[Toypop]

Sadly same thing 

[Abdosamer]

@Toypop , Now your image doesn't show on mobile, it shows only on desktop:

[Toypop]

Sorry I confused you a bit i need to leave one section only on desktop  and hide it from pc 😞

[Made4uo-Ribe]

Hi @Toypop 

This may help, You can assign different image on the desktop and the mobile screen. 

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

[Toypop]

Hello

Thanks but sadly it don't work and on top of that it only messes with my site