div placement at different location
-
Hi, In one of the site, the search bar is placed at the top of the page. But for smaller width devices, I want to place the search bar below the navbar. Now my question is using css (media query) I can hide and display the search box depending on the device size but I don't think it will be a good practice to add two search bar at different location in a same page and display and hide one alternatively. So what is the best way to display the search bar at differnt position?
-
Hi, In one of the site, the search bar is placed at the top of the page. But for smaller width devices, I want to place the search bar below the navbar. Now my question is using css (media query) I can hide and display the search box depending on the device size but I don't think it will be a good practice to add two search bar at different location in a same page and display and hide one alternatively. So what is the best way to display the search bar at differnt position?
Hey Andi, did you have a look at the Bootstrap grid layout [^]? It offers lots of possibilities to adjust your content depending on the screen size. They adjust a lot of styles depending on
@media (min-width: ...)
, if you want to take a look in the sources.