hide an animation over the image banner for the mobile version of my website

[swawestore]

can you hide the rotating animation only on the mobile version of my website and also before hiding attach the link same as desktop website where it is redirecting it to collections page https://swawe.store/

[BSS-TekLabs]

- Here is the solution for you @swawestore 
- Please follow these steps: 

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media only screen and (max-width: 600px) {
.animation_image img {
    display: none !;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Lucinda-C]

Great! But will it work separately for mobile version only as initially asked? 

[BSS-TekLabs]

Yes. It only works on mobile version.

[niraj_patel · Accepted solution]

Hello @swawestore 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
    .banner .animation_image{
      display: none !important;
    }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.