Archived topic

hiding a header widget when site is viewed on mobile

1 reply · Started by Nam Nguyen on September 5, 2015

Viewing posts 1–2 of 2

September 5, 2015 at 6:22 am #134544

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

September 5, 2015 at 6:50 am #134546

Hello Nam,

Just use this code:

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

This archived topic is closed to new replies.