Hello, I would like to move the first column of the footer as the last one only in the mobile view. How can I do?
Thanks
Hey vbonora,
I’m not sure if that would be possible, but send us a link to where we can see the element in question and we’ll have a look at it.
Best regards,
Rikard
Hi Rikard,
I send you the link to the site. This site is not online and we are working on it. I hope you can help me.
Thanks
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
#footer .av_one_fourth:nth-child(1) {
display: flex;
-webkit-order: 4;
order: 4;
}
#footer .av_one_fourth:nth-child(2) {
display: flex;
-webkit-order: 2;
order: 2;
}
#footer .av_one_fourth:nth-child(3) {
display: flex;
-webkit-order: 3;
order: 3;
}
#footer .av_one_fourth:nth-child(4) {
display: flex;
-webkit-order: 1;
order: 1;
}
}
Best regards,
Rikard
Hi Rikard,
you can help me with this change is very urgent.
Thanks
Hi,
Thanks for the update.
You need to add this code inside the css media query to enable the flexbox.
#footer .container {
display: flex;
flex-wrap: wrap;
}
FYI, you can also create a custom page and set it as footer in Enfold > Footer > “Default Footer & Socket Settings” panel. The elements’ Screen Options might come in handy if you want to display something different on mobile view.
Best regards,
Ismael
Perfect! it worked by adding the code.
Thank you very much