Why isn't my custom liquid code working properly on the Impulse theme?

Store Design
1

Website: shopvermoni.com

I am using impulse to add a custom liquid the code I have is correct and I have tried on 2 other themes, but on impulse the custom liquid doesn’t work properly, the code is supposed to have 2 different images one for mobile only and one for desktop only, which automatically changes but on impulse it shows both.

Does anyone who knows custom liquid know how to fix the issue?

Here is the code I am using for the custom content/custom liquid block on impulse home screen:

@media screen and (max-width: 750px) { .desktopimg { display: none; } .mobileimg { width: 100%; } } @media screen and (min-width: 750px) { .mobileimg { display: none; } .desktopimg { width: 100%; } } .banner-custom a { text-decoration: none; }
2

hi @AMOB

May I suggest code below:

Hope can help

EBOOST

3

Amazing it worked, can you help me on why the desktop one isnt full width, I have it set at 100% on impulse but theres white space

4

Hi @AMOB

Because it have a page-width here. You can remove this class or you can follow code below to fix.

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

EBOOST