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.

Search in Menu dissapears on resize

Resolved 6 replies premiumthemetheme-vantage
kjellvis
11 years ago · Last reply by Andrew Misplon 11 years ago

When the page gets resized below a certain width, the search-icon to the right vanishes. This happens before the target resize for the responsive mobile menu kicks in.
Any way to keep it until the width forces a mobile menu?

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

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. kjellvis 11 years, 10 months ago

    btw: test site is on: http://test.vikarsentralen.no
    pass: let1in

  2. Andrew Misplon Staff 11 years, 10 months ago

    Hi Kjell

    Thanks for running Vantage.

    To adjust the breakpoint at which the menu search icon is hidden, insert the following under Appearance > Custom CSS and adjust the breakpoint as required:

    @media (max-width: 1080px)
body.responsive header#masthead.masthead-logo-in-menu #search-icon-icon {
display: none;
}
  3. kjellvis 11 years, 10 months ago

    Thanks for the reply, but it has no effect. Still disappear at < 1080 width browser window even if the max-width: is lowered (or increased for that matter)

  4. Andrew Misplon Staff 11 years, 10 months ago

    You’ll need two like this:

    @media (max-width: 1080px){
body.responsive header#masthead.masthead-logo-in-menu #search-icon-icon {
display: block;
}}
  @media (max-width: 680px){
body.responsive header#masthead.masthead-logo-in-menu #search-icon-icon {
display: none;
}}

    Also list a measurement for the header padding in your Custom CSS, right now you have 10 and 10, to my knowledge padding can’t accept a unit less measurement.

  5. kjellvis 11 years, 10 months ago

    Yes! Thank you. Very good support here. Also learning alot from reading the support forum and other solutions you have posted.

  6. Andrew Misplon Staff 11 years, 10 months ago

    Thanks for the wait; I missed the need for a double media query there the first time.

    Really glad to hear the forum has been helping out!

    All the best.

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