Kickflip Vertical Scaling on MONACO Product Page

Kickflip Vertical Scaling on MONACO Product Page

NotABot1011101
New Member
4 0 3

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;
}

 

joe_borriello_1-1732125137787.png

Reply 1 (1)

AnneLuo
Shopify Partner
1126 210 231


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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee