Shopify themes, liquid, logos, and UX
Afternoon guys,
I'm trying to get the Kickflip product editor to cover 100% of the available screen without any bleed (i.e., header + customizer cover everything, no footer on product page, no scrollbar). I'm not great with CSS/JS and what I've tried is coming up blank. Any help is appreciated!
Domain: Borriello.co
PW: pw1234
In the image below you'll see that there is a white box where the footer used to be and that the scroll bar (hard to see, red arrow) still exists.
Also, I'm temporarily hiding the footer using (below) which hides it site wide. I'd still like it on my non product pages.
footer {
display: none;
}
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag
{% if template.name == 'product' %}
<style>
footer {
display: none;
}
</style>
{% endif %}
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
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