This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Remove Header Widget when the screen is too small

10 years ago · Last reply by Magus 10 years ago

Hi, I just bought the vantage premium theme (it’s awesome guys)!

Right now I’m trying to make the website mobile compatible. On the normal version of the website, the header widget is a butterfly, since I needed two logos. Is there a way to make the header widget disappear when the screen is too small (for example on a mobile) rather than having the widget go under the main logo. If you catch what I’m saying? :D

Here’s the website
http://whvboehm.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Magus Staff 10 years, 6 months ago

    Hi William Boehm

    Please try adding the following to Appearance->Custom CSS

    @media all and (max-width:480px) {
    #masthead .hgroup #header-sidebar {
        display: none;
    }
    }

    Let us know how you get on

    Magus

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread