Hi again,
i want to change the height of the clearfix( I think this causes the gap) between my footer columns on mobile.
The gap is now set by default to 48px and it is much too large.
I think I found the correct id “widget_text widget clearfix widget_custom_html” but adding a different height in the quick-css didn’t change it.
Is it the wrong id? Different class?
What am I doing wrong?
Thanks for the help
Henning
Hi Henning,
Could you link to where we can see the elements in question please?
Best regards,
Rikard
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
#footer .clearfix {
display:none;
}
}
Best regards,
Rikard
Hi Rikard,
if I add the provided css the footer isn’t visible at all when I reach 767px and below – it just disappears.
Any other idea?
Best regards
Henning
Hi Henning,
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
@media only screen and (max-width: 767px) {
#footer .clearfix {
margin: 0;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
that’s it. I adjusted the margin for my needs and it looks fine.
Best regards,
Henning
Hi Henning,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria
Sorry, topic is solved and can be closed!
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon