filter size

  • Resolved Spets24

    (@spets24)


    5 years ago

    Hello!

    Could you please help me to fix the width size of the search for small screens.
    I have this code now and It works for wide and mobile screens, but it does not affect small screens like (11, 13, 15). Please help!

    @media(min-width: 768px){
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
margin-right: 500px !important;
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
width: 100%!important;
}
}

    https://prnt.sc/137wexc

    https://prnt.sc/137wmcy

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

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

    (@levelupclint)

    5 years ago

    Hello,

    It seems the search bar is too wide for the desktop view. You can add the following CSS:

    @media(min-width: 992px) {
   .dgwt-wcas-sf-wrapp {
      width: 450px;
   }
}
    Thread Starter Spets24

    (@spets24)

    5 years ago

    thank you!

    This code worked for small laptops and mobile. But I need it to be wider on big screen

    Maybe additional code for big screens?

    https://prnt.sc/13841ap

    levelupclint

    (@levelupclint)

    5 years ago

    Hello,

    Yes, you can just add another one with a higher min-width and width values:

    @media(min-width: 2048px) {
   .dgwt-wcas-sf-wrapp {
      width: 900px;
   }
}
    Thread Starter Spets24

    (@spets24)

    5 years ago

    perfect! thank you very much!

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

The topic ‘filter size’ is closed to new replies.

  • 4 replies
  • 2 participants
  • Last reply from: Spets24
  • Last activity: 5 years ago
  • Status: resolved