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

Home Forums Support hiding a header widget when site is viewed on mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #134544
    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

    #134546
    Jean

    Hello Nam,

    Just use this code:

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

    😀

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.