To whom it may concern,
My footer for my website is looking great on desktop, but on mobile its not.
Basically for desktop I am splitting my footer into 2 columns. Now when viewed on mobile obviously they are stacking but theyre not aligned.
Is there a way I can tackle this only on mobile ?
I would like to have everything centered
Hey FamalcoGroup,
What exactly are you looking to align and how? Could you post a link to where we can see the actual elements in question?
Best regards,
Rikard
Hi,
Thanks for the update. Please try this in Quick CSS in order to center both the logo and the menu:
@media only screen and (max-width: 767px) {
#footer #media_image-3, #footer #custom_html-3 {
width: 100%;
}
}
Styling the menu looks difficult though, since there seems to be a lot of non break space characters added to it. Maybe it would be better if you added a new widget, and hide the current one for mobile, and the new one for all screen sizes except mobile?
Best regards,
Rikard
thank you very much :D
this can be closed