How to make Header Widget only visible on mobile?

  • Resolved Tom Davis

    (@tom-davis)


    9 years, 4 months ago

    Hello Guys,

    On my site epcinvest.be I would like the HEADER widget only to be visible on mobiles.

    I did a similar tweak about the left sidebar. It’s NOT visible on mobile. With the help of somebody here on the forum I did a custom CSS for that like this:

    @media only screen and (max-width: 767px) {.aside {display: none;}}

    I think I could show the Header Widget only on mobile with similar code. Something like this I guess:

    @media only screen and (min-width: 768px) {.???? {display: none;}}

    I just don’t know what to put on the question marks ????. I tried with .header but that doesn’t work.

    Any help is welcome!!

Viewing 1 replies (of 1 total)
  • Thread Starter Tom Davis

    (@tom-davis)

    9 years, 4 months ago

    Ok I found it myself but thx anyway.

    I’ve put a tag in the div of the header like this:

    <div id=”headerthing”></div>

    and then I’ve put custom CSS code like this:

    @media only screen and (min-width: 768px) {#headerthing {display: none; }}

Viewing 1 replies (of 1 total)
  • The topic ‘How to make Header Widget only visible on mobile?’ is closed to new replies.

Tags