Box size mobile

[Mike GraciParticipant]

Ernest —one more quick one. Can you set vertical and/or horizontal width based on desktop or mobile?

I rated very strong. thanks for support

Thanks

[Ernest MarcinkoKeymaster]

Hi!

Thank you very much for your rating, I greatly appreciate it.

It depends on the implementation, but the easiest way I believe is using custom CSS with media queries based on screen sizes. For example this custom CSS:

@media only screen and (max-width: 720px) {
    .asp_m {
        max-width: 600px !important;
    }
}
@media only screen and (max-width: 520px) {
    .asp_m {
        max-width: 480px !important;
    }
}
@media only screen and (max-width: 360px) {
    .asp_m {
        max-width: 280px !important;
    }
}

These rules will limit the search box sizes based on the screen size. So if the screen size is below 720px, then the box maximum width is set to 600px etc.. You can change these values as you like, you can even use percentage values in the max-width attribute.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts