Yep. Create a layout with three headers in it and then give each of those headers a unique id and then use media queries to hid ethe ones you don’t need. Let’s say you gave them the id’s header-desk header-tab & header-mob, then the css would be
@media (min-width: 470px ) and ( max-width: 980px ) {
#header-desk, #header-mob { display: none; }
}
@media ( min-width: 981px ) {
#header-mob, #header-tab { display: none; }
}
@media ( max-width: 469px ) {
#header-desk, header-tab { display: none; }
}
Sent from my Samsung Galaxy smartphone.
