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;
}

}

[Made4uo-Ribe]

Hi @Toypop

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

Make Specific Section For Mobile or Desktop only - [NO APP] [FREE]

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

[Toypop]

Hi,

thanks but unfortunately it is not working

[Toypop]

Hello

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

[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