Hide customized header in mobile view | ww.wp.xz.cn

Resolved learningtotech
(@learningtotech)

9 years, 10 months ago

Hi,

I am finishing up a site and I just want to make the custom header I made more responsive. I need the header to disappear when the screen is less than 800 px.

Any advice?

Thanks
Have a nice day!

Viewing 2 replies - 1 through 2 (of 2 total)

ThemeSumo
(@themesumo)

9 years, 9 months ago
You can use Media Queries, like so:
```
@media screen and (max-width: 800px) {
    #header {
        display: none;
    }
}
```
Change the class accordingly to suit your custom header.

Hope this helps.
Thread Starter learningtotech
(@learningtotech)

9 years, 9 months ago

Thanks! Worked perfectly!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Hide customized header in mobile view’ is closed to new replies.

Tags

2 replies
2 participants
Last reply from: learningtotech
Last activity: 9 years, 9 months ago
Status: resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics