css - Moving search menu top right of page to left (Wordpress) -
css - Moving search menu top right of page to left (Wordpress) -
i working on wp site trying move search menu in top bar top right of page way left. search bar enclosed in grid , can move left far grid extends. moved left of grid max can move. grid enclosed in container. how can move out of grid? or anyway left?
website is:
http://museiam.ca/
search bar 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 & grid:
.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; }
any input appreciated. give thanks you.
adding code stylesheet solve problem:
.gbtr_tools_search { float: right !important; }
update:
please add together css stylesheet in order move search bar extreme left:
.container_12 .grid_6:first-child { display: none; } .container_12 .grid_6:nth-child(2) { width: 100%; }
css wordpress search grid
Comments
Post a Comment