I wan to decrease the size of an animation top of my image banner

[swawestore]

I want to decrease the size of this animation over the homepage image banner on my website https://swawe.store/

[MarkAmla]

To decrease the animation size over the homepage image banner on your store,  adjust the CSS by reducing the width and height of the animation container. Locate the relevant CSS file or section in the HTML and update the size properties accordingly.

[BSSCommerce-B2B]

Hi @swawestore 

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file base.css and add this code snippet to the end of the file

.animation_image img {
    scale: 0.5;
}

The result

If it's helpful, please like and mark it as a solution, thank you

 

[swawestore]

I want to attach a link with this animation like a link to my collection when someone clicks on it 

[BSSCommerce-B2B]

Of course, let me guide you.

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.js or global.js and add this code snippet to the end of the file

document.addEventListener("DOMContentLoaded", () => {
document.querySelector(".animation_image img").addEventListener("click", e => {
    window.location.href = "http://fb.com"
})
})

[swawestore]

hide this on phone for now and show only on desktop can you tell that as well 

[BSSCommerce-B2B]

It's not difficult at all, just follow these steps

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file base.css and add this code snippet to the end of the file

@media screen and (max-width: 750px) {
.animation_image img {
    display: none
}
}

[BSSCommerce-B2B]

Hi,

We're happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.
Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance.