将搜索菜单移到页面右上方（Wordpress）

Question

我正在WP网站上工作，我试图将页面右上角的顶部栏中的搜索菜单一直移动到左侧。但是搜索栏包含在网格中，我只能在网格延伸的情况下向左移动。目前它被移动到网格的左侧，这是它可以移动的最大值。网格也封装在一个容器中。如何将其移出网格？或者无论如何将它向左移动？

网站是：

http://museiam.ca/

搜索栏CSS：

.gbtr_tools_search_trigger, .gbtr_tools_search_trigger_mobile, .gbtr_tools_search_inputbutton {
padding: 0 !important;
background: none !important;
margin-top: 0px;
width: 40px;
height: 30px;
border: 0;
border-left: 1px solid rgba(255,255,255,.2) !important;
border-right: 1px solid rgba(255,255,255,.2) !important;
cursor: pointer;
color: #fff;
float: right;
}

集装箱＆amp;格：

.container_12 .grid_6 {
text-align: left;
float: 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;
float: left;
margin-left: 10px;
margin-right: 10px;
}

任何输入都表示赞赏。谢谢。

Answer 1

将此代码添加到样式表将解决问题：

.gbtr_tools_search {
     float: right !important;
}

<强>更新

请将此CSS添加到样式表中，以便将搜索栏移至最左侧：

.container_12 .grid_6:first-child {
     display: none;
}

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