Tagged: CSS, footer, responsive
Hi there,
I used css code to make my footer custom responsive for mobile. This was fine before the theme update took place, but now the footer is 2 column but 3 rows?
please help.
@media only screen and (max-width: 1024px) {
#footer .av_one_fourth {
margin-left: 0 !important;
width: 40.5% !important;
}
}§
Hey lkulube,
Could you please clear the cache, check again and get back to us.
Best regards,
Victoria
Hi Victoria
Thank you for replying.
What you see on your attachment it not what I see :( I have followed your guidelines but no change on my side as I’m viewing on a mobile phone as opposed to tablet.
Hi lkulube,
Oh, the first column is taller than the second and so the third goes to that position. Please adjust the code like below.
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: 1024px) {
#footer .av_one_fourth {
margin-left: 0px !important;
width: 45.5% !important;
min-height: 310px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
All perfect again! Thank you Victoria!
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Yes please you may close the chat.
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike