Archived topic
how to place header widget below title/logo in mobile and tablet devices
3 replies · Started by Patricia on September 12, 2018
Viewing posts 1–4 of 4
hi!
how can i place the header widget below the name/logo of the site on mobile/tablet? My desktop header has the logo on the left and the lightweight social on the right, and when switching to mobile/tablet, the widget goes on top.
(have the header widget disabled on mobile devices, visible just when over 600px)
https://clon.trucosyastucias.com
thanks
Hi there,
try this CSS:
@media (max-width: 860px) and (min-width: 600px) {
.inside-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-logo {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}Worked perfectly!!
Awesome :)
This archived topic is closed to new replies.
