Hide toggle-search in mobile view

  • Resolved joxyzan

    (@joxyzhan)


    1 year, 7 months ago

    Goddag Alexander!

    I’m trying to hide the toggle-search-icon in the header on mobile view so that the search-function appears in the menu only on mobile. Can you give me an instruction on how to achieve that? I’m thinking responsive.css is the right place to do it…

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter joxyzan

    (@joxyzhan)

    Come to think of it… While we’re at it… I would actually like the search-thing to be placed with the menu items in desktop view as well – if possible. ??

    Thread Starter joxyzan

    (@joxyzhan)

    Solution with Additional CSS:

    @media only screen and (max-width: 479px) { .toggle-search { display: none; }}


    And considering my second post, ultimately I went for:

    .toggle-search { display: none; }

    + placed “https://domain.com/?s ” as a Custom Link in the menu.

    • This reply was modified 1 year, 7 months ago by joxyzan.
    • This reply was modified 1 year, 7 months ago by joxyzan.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide toggle-search in mobile view’ is closed to new replies.

Tags