검색 메뉴를 왼쪽에서 오른쪽으로 이동 (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; 
} 

UPDATE :

에 검색 창을 이동하기 위해 귀하의 스타일이 CSS를 추가하십시오 가장 왼쪽 :

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

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