Open ozgurrgul opened 7 years ago
I found the problem. Adding display: none
for mobile devices is intended?
@media screen and(max-width: 1024 px) {
.mdl-layout__header {
display: none
}
.mdl-layout--fixed-header > .mdl-layout__header {
display: -webkit-flex;display: -ms-flexbox;display: flex
}
}
where to edit this code line to solve the same issue with the current react-mdl layout
I'm trying to show a header in site, desktop is ok but it's not visible in tablet and phone. Here is the snippet I'm testing.
Also, have viewport tag:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
What's the problem?
Thanks in advance.