css - 将页面右上角的搜索菜单移动到左侧(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;
}

容器和网格:

.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%;
}