header

  • Hi,

    I want use css to disable the search or reduce the size of the search box
    https://prnt.sc/2z0xuTIZ2Co3

    When i added another menu, the search floated to another line. The menu bar not looking good again.

    I need help to be able to acheive this

    Thanks you.

    • This topic was modified 2 years, 6 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there, you can add this CSS code below to keep it on the same line!

    div#header-search-form {
    width: 100px;
}

    Remember, you maybe need to reduce the width of the search box depending on the other devices screen

    You also need to use another CSS code that can help you to make it responsive.

    .header-search-form .search-form .input-group input.form-control {
    min-width: 100px !important;
}
    Thread Starter sholis

    (@sholis)

    Thanks a lot.

    It works perfectly.

    Many thanks.

    @sholis You’re welcome ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘header’ is closed to new replies.