css - Moving search menu top right of page to left (Wordpress) -


I'm working on a WP site where I carried up the search menu in the top menu in the menu on the right although the search bar to try am pages all the way to the left to engage in a grid and I is transmitted only to the grid, which can be the only left. Presently all of them are taken to the left side of the grid which can be maximized. The grid is also attached to a container. How can I extract it from the grid? Or to reach it left?

Website:

Search Bar CSS:

  .gbtr_tools_search_trigger, .gbtr_tools_search_trigger_mobile, .gbtr_tools_search_inputbutton {padding: 0 ! Important; Background: Nobody! Important; Margin-top: 0 pixels; Width: 40px; Height: 30px; Border: 0; Border-left: 1 px solid RGBA (255, 255, 255, .2)! Important; Border-right: 1 px solid RGBA (255, 255, 255, 2)! Important; Cursor: indicator; Color: #fff; float right; }  

Container & amp; Grid:

  .container_12 .grid_6 {text-align: left; Swim left; } .container_12 .grid_6 {width: 460px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display: inline; Swim left; Margin-left: 10px; Margin-right: 10px; }  

Any input is appreciated. Thank you ..

By adding this code to this stylesheet, the problem will be solved:

 < Code> .gbtr_tools_search {float: right! Important; }  

enter image details here

Update:

To move the search bar to the extreme left, add this CSS to your stylesheet:

  .container_12 .grid_6 : First-charch {display: none; } .container_12 .grid_6: nth-child (2) {width: 100%; }  

Comments

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

javascript - data.match(var) not working it seems -

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -