Search bar on top right of my .nav
-
Hello.
I would like to be able to put my search bar at the absolute right of my menu. Worst case absolute right of my header.
Thank you
The blog I need help with is: (visible only to logged in users)
-
Hi there, give the following a try. What I have done is to use a Media Query to limit this change to screens/browser window widths of 768px and wider. The reason for this is that at 768px and narrower the theme adjusts position and size of the page elements and the header then overlaps the search box.
@media screen and (min-width: 768px) { #searchform { width: 200px; float: right; margin-top: 40px; } .container { top: -90px } } -
-
-
This is exactly what I want though. When I click on it, it seems to be reloading my page in a weird way. Could you take a look please?
Many thanks
-
-
Oops, sorry, change the code I gave you to this.
@media screen and (min-width: 768px){ #searchform{ width:200px; float:right; margin-top:40px } .container{ top:-90px } .sb-widget { position: relative; z-index: 10; } }
- The topic ‘Search bar on top right of my .nav’ is closed to new replies.