Archived topic
Social icons in footer for mobile only
3 replies · Started by Dorin on February 21, 2022
Viewing posts 1–4 of 4
I added a custom html widget in the footer bar with social icons. I'd like this to be displayed on mobile only on the same line, with the already existing copyright text aligned to left and the social icons aligned to right. On desktop and tablet view only the copyright text should be visible and centered. Thanks.
Hi there,
try adding this CSS:
@media (max-width: 768px) {
.footer-bar-active .inside-site-info {
flex-direction: row-reverse !important;
justify-content: space-between
}
.footer-bar .widget_block {
display: flex;
}
.footer-bar .widget_block p {
margin-bottom: 0;
}
.footer-bar .widget_block p .offcanvas-icon {
padding: 0 10px;
}
}Thank so much, David. As always, brilliant support.
Glad to be of help
This archived topic is closed to new replies.
