Tagged: footer mobile, Footer widgets, widgets mobile
hi
I want to switch the positions of the footer widgets on mobile display.
Instead of 1-2-3 I would like it to be 2-3-1.
Is this possible? I see how I can hide them, but not swap the positions.
thanks
Nancy
Hey Munford,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 767px) {
#footer > .container {
display: flex;
flex-wrap: wrap;
}
#footer > .container .av_one_third.first {
order: 3;
}
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
HI
that worked perfectly, thanks!
I am also having an issue with my woocommerce cart icon, that isn’t accesible on mobile since it’s getting cut off on the right side.
Even if I move the burger menu over, it’s still not clickable. https://imgur.com/ZCfm3ze
Nancy
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 767px) {
#top .av-burger-menu-main.menu-item-avia-special {
left: -40%;
}
.html_visible_cart .cart_dropdown {
right: 4%;
z-index: 999 !important;
}
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
great, thanks!