this form is not showing on mobile view and tab view

<form method="post" action="search_file.php"
    >
    <div >
        <select id="category" name="category">
            <option value="">Entire Nepal</option>
            
        </select>
    </div>
    <input type="text"  name="search" id="search" placeholder="Search For Anything..."
        required />
    <button  type="submit" name="submit"><i ></i>
    </button>
</form>

CodePudding user response：

Are you using Bootstrap?

<form >

check your form class. There's d-none d-md-flex change it to d-flex if you want to show it on all screen sizes

CodePudding user response：

It seems like you are using bootstrap in this case. First, make sure that you use the content delivery network or the raw file.

Using this smart code snippet, you can link bootstrap to your index.html file.

Link to smart code snippet

Also, please look at the classes you are using in bootstrap. The information about the bootstrap classes can be found on the official documentation.

here is the link to the official documentation:

https://getbootstrap.com/

here, please change the class to d-flex, so it can be accepted by all screensizes.

I have made this smart code snippet for you. Find the link here

https://app.codiga.io/hub/recipe/7879/view