Shopify Hide Footer
So I am working on a shopify page that wants to hide the footer on certain pages to give more room for a iframe to load on mobile and I got to hide the footer without issue but the section doesnt take up newly created space and I cant figure out why?
The section is the only tag inside the main tag and the main tag uses the whole page. This is the css i have on the iframe. I am very new to css so I apologizes if I made any glaring errors 🤣
The section is the only tag inside the main tag and the main tag uses the whole page. This is the css i have on the iframe. I am very new to css so I apologizes if I made any glaring errors 🤣
4 Replies
min-height: 100%; on the section 🤔
display: grid; might help too hard to say without seeing it
actually might have just got it to work
dang I was live editing it in the console and got it to stretch by putting min height to 100% in multiple spots but now I cant get it to do it again 🤣
Sorry I'm not at my PC atm keep at it!
Setting a fixed min-height on the iframe itself fixed the rendering issue I needed the extra space from the footer removed for in the first place so you pointed me in the right direction for a solution to the actual problem! 😄
The actual issue was at a point in the registration a pop up box inside the iframe for a signature appears but the "submit" button for the box could only be seen if you scrolled down in the iframe and users couldnt figure out how to scroll because most of the iframe became a drawing space for their signature and only the top like 30 px still had to touch and drag ability to scroll down and find the submit button.