Box size mobile

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 4 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #18747
    MikeGraci
    MikeGraci
    Participant

    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

    #18750
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.