Shopify themes, liquid, logos, and UX
Hi, i work on my store sektorseven.hu and I want to put gif to the background just like on this website: https://shop.bronze56k.com However its not working appropriately on mobil. On my page the gif moves with the entire content.. it should be static like on the bronze website.
Hi @LeviHUN98 , you can add a gif background to your store by going to theme.liquid and add this code before the </body> tag :
<style>
body{
background-image:url(" your gif url")!important;
background-position: center;
background-size: cover;
}
</style>
Hope this helps you.
I already put my gif to the background: https://sektorseven.hu the problem is, when i open the site on my mobile its not working like on this refference site: https://shop.bronze56k.com
@LeviHUN98 , "On my page the gif moves with the entire content." can you explain further what do you mean here?
Please open sektorseven.hu on your actual mobile device and youll see its not working like should be. The background image is sized up and when i scroll its not static. Its looks like this when i open on my actual phoen:
So yeah, when i see the mobile view in the shopify editor its all fine, but when i open on my phone its not the same
It should be like this like in the editor:
background: url(https://cdn.shopify.com/s/files/1/0787/4537/0952/files/Untitled.gif?v=1701959765)!important;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed!important;
}
.gradient{
background: transparent;
}
</style>
<style>
body {
background-size: cover!important;
}
</style>
</html>
I managed it, but when I click on the cart the tab becomes transparent, if you can help me
And I wanted it to look like this site:
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024