[Resolved] hiding a header widget when site is viewed on mobile

[Nam Nguyen]

Hi,

I’m using a header widget to display a small round image in the right header area, which links to a page when clicked on.

When the website is viewed on a mobile screen (ie. small), this image in the header widget just takes up too much real estate on a mobile device.

How would I turn this header widget image off when viewed on a mobile phone?

Thanks

[Jean Paiva]

Hello Nam,

Just use this code:

@media screen and (max-width: 768px) {
  .header-widget { display: none; }
}

😀

[Author]

Posts