Tagged: CSS, footer, responsive
-
AuthorPosts
-
May 2, 2018 at 2:03 pm #950061
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;
}
}§May 3, 2018 at 10:13 am #950614Hey lkulube,
Could you please clear the cache, check again and get back to us.
Best regards,
VictoriaMay 11, 2018 at 12:33 am #954943Hi 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.
May 11, 2018 at 1:12 pm #955263Hi 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,
VictoriaMay 11, 2018 at 1:27 pm #955270All perfect again! Thank you Victoria!
May 12, 2018 at 7:37 am #955582Hi,
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,
RikardMay 12, 2018 at 3:07 pm #955761Yes please you may close the chat.
May 13, 2018 at 12:34 am #955918Hi,
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 -
AuthorPosts
- The topic ‘4 column footer to 2 column on mobile –’ is closed to new replies.
