@stevenlyrathemes: Oh, nevermind! I think I figured it out. I just added .header-toggle along with .widget-area-header and max-width:720px and that did the trick. Here’s the code I added.
@media screen and (max-width: 720px) {
.widget-area-header, .header-toggle {
display: none;
}
}
Thanks again for taking out the time to help, Steven. I really appreciate it. Good day!
@stevenlyrathemes : Thanks for replying, Steven. Unfortunately no, changing it to “max-width” brings back the header in all three views when I preview the website. I don’t know what else to do. With “min-width” it hides the header in PC view only. What am I doing wrong? I am not able to influence the header’s visibility in mobile and tablet views. Other than this issue, the theme is very flexible and works beautifully so far.
