Mobile Responsive

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 1 year, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #41339
    Salman
    Salman
    Participant

    Hi
    I need to create a mobile responsive search form .please check below screenshot

    Destop
    https://prnt.sc/YdUY6qUlO0HX

    Mobile
    https://prnt.sc/pZ2kW5bH8tPu

    How can i create it responsive for each device ?

    Thanks

    #41353
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    Do you want to move the settings and the search icon away from the search input for mobile devices?
    I’m afrait that is not possible like that without major customizations, as the fields are part of the form in a flex container.

    Best,
    Ernest Marcinko

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


    #41362
    Salman
    Salman
    Participant

    Hi
    Thank you for your response .

    Please check the screenshot. How it’s looking . It’s not mobile friendly form , That’s why i ask you .
    https://prnt.sc/pZ2kW5bH8tPu
    Thanks

    #41367
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    You should try increasing the container width of the box, so the input can get wider: https://i.imgur.com/e859fpr.png
    So it can get to the edge of the screen. Decreasing the padding on that could also help.

    For the plugin you can set a fixed width (either pixes, %, vw units) here too: https://i.imgur.com/isa6jFX.png
    By default the search input occupies 100% width of the container, but sometimes it might be conveniet to set a fixed width.

    Best,
    Ernest Marcinko

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


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

You must be logged in to reply to this topic.