Hello
I am using a Footer as a new page to have the flexibility to create two columns for the copyrights/links. I added the contents inside a Color Section and set the padding/margins to zero.
However, the bottom is too big. How can I remove that large space at the bottom? Please check the screenshot and the live site in private.
As per the screenshot, the green area is what I want to keep for the colour section. The red section below is to remove.
Thank you.
Hey sitesme,
Please try the following in Quick CSS under Enfold->General Styling:
#my_footer {
min-height: 40px !important;
}
Best regards,
Rikard
Thank you Rikard.
This worked on desktop, but it was messed up on mobile.
I fixed it by showing/hiding one version for desktop and another for mobile and it is perfect now.
Thank you for your help.
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
Let me just contribute with my code below:
/* Footer Spacing */
#mobile_footer {
min-height: 60px !important;
}
#desktop_footer {
min-height: 40px !important;
}
This way I was able to achieve the same result by adding a show/hide colour section for desktops and another one for tablets and mobiles to match the height required.
You can close this topic.
Thank you all for your great help, as always.
Hi sitesme,
We’re happy to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko