Home › Forums › Support › Center site logo in mobile and move logo over header widget in mobile › Reply To: Center site logo in mobile and move logo over header widget in mobile
January 9, 2016 at 10:59 am
#164569
Tom
Lead Developer
Lead Developer
Hi there,
Try this CSS:
@media (max-width: 768px) {
.inside-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
.site-branding {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.site-logo {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.header-widget {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
}
Let me know 🙂
- This reply was modified 8 years, 3 months ago by Tom.
- This reply was modified 8 years ago by Tom.