Tagged: footer, mobile, responsive
Hi, Is there any way I can get the footer to shrink on mobile in Enfold theme?
At the moment some logos I have placed in a 4 column footer, all stack up under each other, so they look large on mobile. I would like them to shrink to fit or at least go onto 2 columns. Is this possible?
Hey red2design,
Could you please give us a link to your website, we need more context to be able to help you.
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
Hi Victoria
The site is https://www.bidwellfarm.co.uk
I would like the logos in the footer (widgets) to be smaller, appear across 2 columns or failing that just reduce in size.
There isn’t the ability to attach a mock up to this reply?
Thanks, Deb
Hi red2design,
Thank you for the link.
You can upload the mockup to a service like Dropbox or http://imgur.com and give us the links here.
Best regards,
Victoria
Hi again
The site is: https://www.bidwellfarm.co.uk
The footer it is set to 4 columns. 3 of the columns have images in, they don’t reduce on mobile.
This is what the footer looks like now: https://i.imgur.com/Mn4mDBx.jpg
This is how I would like the footer to look: https://i.imgur.com/FDKcjUK.jpg
Thanks, Deb
Hi red2design,
Thank you :)
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) {
.responsive #top #wrap_all #footer .flex_column.av_one_fourth:not(.first) {
width: 30% !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria
This has worked perfectly and I do thank you for helping.
Deb
Hi,
Did you need additional help on this specific topic or shall we close?
Best regards,
Jordan Shannon
It is resolved, thank you Jordan
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon