Okay
  Public Ticket #2457636
size of the "search" (search-popup)
Closed

Comments

  • Milani6 started the conversation
    June 30, 2020 at 7:16am

    I would like to change the size of the "search" (search-popup) I want it bigger, how can I change it?
    Thank you.

  •  608
    WordPress replied
    July 1, 2020 at 1:50am

    Hello,

    You can add custom style css

    .search-form label {
     margin: 0;
     width: 100%;
    }
    .icon-search .dropdown-menu {
     width: 500px;
    }
    .search-popup input {
     height: 60px;
     padding: 10px 50px 10px 20px;
     width: 100%;
    }
    .search-popup button {
     height: 60px;
    }



  • Milani6 replied
    July 2, 2020 at 8:41am

    Dear support, thanks for the reply, but there is a problem in the code you gave me. it's fine for in desk, but it's not good for mobile.
    Can you give me the code as a percentage? If it is not possible, can you give me the code for different screen sizes? Thank you

  •  608
    WordPress replied
    July 3, 2020 at 1:57am

    Hello,

    You can add css again

    @media (min-width: 768px){
     .search-form label {
     margin: 0;
     width: 100%;
     }
     .icon-search .dropdown-menu {
     width: 500px;
     }
     .search-popup input {
     height: 60px;
     padding: 10px 50px 10px 20px;
     width: 100%;
     }
     .search-popup button {
     height: 60px;
     }
    }