Tagged: enfold, gap, spacing, whitespace, woocommerce
I’m using a page to make a custom footer. On the regular pages it seems to display just fine but for some reason on the shop pages there is a gap between the socket and the footer. Can someone please help me figure out what is going on here?
Also, I’m assuming it’s related but the is a huge gap above the layerslider when I go into mobile view. So weird.
Hi hotspot01,
Credentials did not work for me. Could you please update the credentials?
Best regards,
Victoria
I just update it again. It should work now.
Hi hotspot01,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.woocommerce #ff-foot + #after_section_1 {
display: none;
}
If you need further assistance please let us know.
Best regards,
Victoria
I’ve tried adding it to the custom css file in the enfold folder and it didn’t do anything.
Hi hotspot01,
Could you please clear the cache, check again and get back to us.
Best regards,
Victoria
Hi Victoria,
The code above didn’t work but MIke gave me some code that solved another problem and this one at the same time. I gues they were related. in WordPress > Customize > Additional CSS:
@media only screen and (max-width: 767px) {
.responsive#ls-global #top.stretched #wrap_all #header.all_colors {
height: 80px !important;
}
.menu-item-avia-special {
top: 40px !important;
}
}
Thanks. You guys all make a great support team
Hi,
Great, glad you got it working and thanks for sharing the solution. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
It can be marked as closed. Thanks.