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, 6 months ago

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

  2. Andrew Misplon Staff 11 years, 6 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, 6 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, 6 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, 6 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, 6 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