Merhaba, ben ticimax kullanıyorum ve param olmadığı için tema yaptıramadım. Doğal olarak hazır gelen temalardan 1 tanesini kullanmaktayım. Ancak arama barım çık kısa ve uzatmak istiyorum. Destek ekibi arkadaşlar default temalara onlar müdahale etmiyorlar, para verip tasarım yaptır diyolar özetler. Bu konuda yardımcı olabilecek arkadaş varmıdır? http://prntscr.com/j3aqj4 burada ki çizgili alana kadar uzatırsanız sevinirim. Kodda sadece header alanı var tamamını site kabul etmiyor. Şimdiden teşekkür ederim

Css Kodum:

@font-face { font-family: '00250regular'; src: url('font/00250-webfont.eot'); src: url('font/00250-webfont.eot?#iefix') format('embedded-opentype'), url('font/00250-webfont.woff') format('woff'), url('font/00250-webfont.ttf') format('truetype'), url('font/00250-webfont.svg#00250regular') format('svg'); font-weight: normal; font-style: normal; }


* { margin: 0; outline: 0; padding: 0; font-weight: normal; }

body { font-family: '00250regular', Verdana, Arial, sans-serif !important; font-size: 12px; color: #666666; overflow-x: hidden; }

img { border: none; }

ol, ul { list-style: none; margin: 0; padding: 0; }

a { text-decoration: none; color: #666666; }

h1 h2 h3 h4 h5 h6 { margin: 0px; padding: 0px; font-weight: normal !important; }

.clear { clear: both; }

.bordernone { border: none !important; }

.textarea { border: solid 1px #DDDDDD; padding: 4px; width: 94%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.textarea:focus { background-color: #F1F1F1; border: solid 1px #CCCCCC; }

.textbox, .selectboxx { color: #666666; display: block; margin: 0 0 8px 0; font-size: 12px; width: 100%; border: 1px solid #ccc; padding: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.textbox:focus, select:focus { background-color: #F1F1F1; border: solid 1px #CCCCCC; }

.button { cursor: pointer; background: none repeat scroll 0 0 #111111; color: #FFFFFF; font-size: 12px; margin: 0 0 8px 0; padding: 8px 5px; border: 0; transition: all 0.3s ease 0s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.Block_item .button { display: block; width: 100%; }

.button:hover { background-color: #4fc1e9; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.selectboxx { border: 1px solid #DDDDDD; padding: 4px; width: 100%; }




/* ------------------------------------Kategoriler Slide--------------------------------------------*/

.jCarouselLite { width: 100%; float: left; z-index: 0 !important; overflow: hidden; margin-bottom: 20px; }

.jCarouselLite .productItem { width: 99% !important; margin: 0 !important; padding: 0 !important; }


.JKatAdi { padding-left: 20px; padding: 10px 0; background-color: #f5f5f5; text-indent: 10px; }


.owl-nav { position: absolute; top: -38px; right: 10px; }

.ProductListprev { font-size: 0; float: left; margin-right: 20px; }

.ProductListprev:after { content: "f053"; font-family: 'FontAwesome'; color: #4fc1e9; font-size: 16px; cursor: pointer; }

.ProductListprev:hover { }

.ProductListnext { font-size: 0; float: left; cursor: pointer; }

.ProductListnext:after { font-family: 'FontAwesome'; color: #4fc1e9; font-size: 16px; content: "f054"; }

.ProductListnext:hover { }

/* -----------------------------------Kategoriler Slide--------------------------------------------*/
/* ------------------------------------    Header      --------------------------------------------*/
#header { width: 100%; position: relative; z-index: 1000; transition-duration: 0.7s, 0.7s !important; -webkit-transition-duration: 0.7s, 0.7s !important; /* Safari */ }

.headerContent { width: 1000px; position: relative; margin: 0px auto; }

#logo { min-height: 115px; /* position: absolute; */ /* top: 10px; */ /* left: 0; */ padding-bottom: 45px; }

#logo img { max-width: 540px; }

#back-to-top { position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none; }

#back-to-top a { display: block; width: 40px; height: 40px; background: #666 url(../default/images/backtotop.png) no-repeat center center; text-indent: -9999px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }

#back-to-top a:hover { background-color: #000000; }

.welcome { position: absolute; top: 10px; right: 210px; z-index: 15; height: 20px; padding-right: 15px; padding-left: 15px; line-height: 20px; display: block; color: #363636; }

.welcome a { color: #363636; }

.welcome a:hover { color: #4fc1e9; }

.welcome ul li { float: left; margin-left: 10px; }

.usernav { position: absolute; top: 10px; right: 60px; height: 20px; }

.usernav ul li { float: left; line-height: 20px; padding-left: 15px; padding-right: 15px; background: url(images/Sprite.png) no-repeat -2px -243px; }

.usernav ul li a { color: #363636; }

.usernav ul li a:hover { color: #4fc1e9; }

.mycart { position: absolute; top: 50px; right: 0; width: 150px; height: 42px; background-color: #f5f5f5; z-index: 13000; background: url("images/Sprite.png") no-repeat scroll -221px -204px; }

.mycart a { display: block; height: 40px; width: 130px; line-height: 40px; }

.mycart a .sepetTecxt { font-weight: bold; font-size: 14px; color: #4fc1e9; }

.CartProduct { background-color: #FFF; width: 290px; border: 1px solid #4fc1e9; position: absolute; padding: 10px; top: 45px; right: 0; z-index: 9998; z-index: 14; }

.CartProduct ul { width: 100%; float: left; }

.CartProduct ul li { width: 96%; overflow: hidden; padding-left: 2%; padding-right: 2%; }

.CartProduct ul.SProduct li:hover { }

.CartProduct ul.SProduct li:hover a { }

.CartProduct ul.SProduct li a { background: no-repeat; margin: 0; padding-top: 5px; width: 100%; display: block; color: #111; padding-left: 0; }

.CartProduct ul.SProduct li a img { max-height: 40px; max-width: 40px; min-height: 40px; min-width: 40px; border: solid 1px #DDDDDD; float: left; }

.CartProduct ul.SProduct li a p { float: left; font-size: 11px; margin-left: 1%; display: block; overflow: hidden; text-align: left; }

.SepettopAd { width: 60%; }

.sepetTecxt { margin-right: 3px; }

.SepettopAd span { line-height: 21px; }

.SepetTopAdet { width: 10%; }

.SPrice li { text-align: right; }

.SPrice li { font-weight: bold; color: #111; }

.CartProduct ul .SProductA a p { line-height: 40px; width: 100%; }

.searchContent { background: url("images/Sprite.png") no-repeat scroll -291px -3px; top: 50px; clear: both; height: 70px; margin: 0; padding: 0; position: absolute; right: 170px; width: 70px; z-index: 10000; display: block !important; cursor: pointer; }

.searchContent:hover { background: url("images/Sprite.png") no-repeat scroll -291px -77px; }

.ButtonMic { border: 0; background-color: transparent; vertical-align: middle; margin-top: 4px; position: absolute; top: 0px; right: 34px; z-index: 10; }

.search { display: none; cursor: pointer; height: 32px; top: 43px; right: 0; position: absolute; z-index: 100001; text-align: left; width: 235px; background-color: #FFF; border: solid 1px #4fc1e9; border-top: solid 3px #4fc1e9; padding: 5px; }

#txtbxArama { position: absolute; top: 5px; left: 5px; width: 180px; height: 20px; }

.rsbButton { border: none; width: 35px; height: 35px; border-radius: 30px; position: absolute; top: 3px; right: 3px; background-color: #4fc1e9; color: #FFF; cursor: pointer; }

.rsbButton:hover { background-color: #363636; }
/* ------------------------------------Navigation--------------------------------------------*/
.navigation { height: 40px; position: absolute; bottom: 0; z-index: 12; border-bottom: solid 1px #dedede; border-top: solid 1px #dedede; }

.navigation ul li { float: left; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; /* Safari */ }

.navigation ul li:hover { background-color: #FFFFFF; }

.navigation ul li:hover a { color: #000000; }

.navigation ul li a { color: #FFFFFF; font-size: 16px; padding: 6px 10px 5px; line-height: 32px; display: block; }

.navigation ul.HeaderMenu > li > ul { position: absolute; top: 43px; left: 0; width: 100%; min-height: 160px; border-bottom: solid 2px #F00; background-color: #FFFFFF; padding-top: 5px; display: none; z-index: 12; }

.navigation ul.HeaderMenu li:hover ul { display: block; }

.navigation ul.HeaderMenu li ul li { position: relative; width: 16.1%; margin-left: 0.5%; margin-bottom: 5px; }

.navigation ul.HeaderMenu li ul li a { color: #000000; }

.navigation ul.HeaderMenu > li > ul > li > a { color: #666666; font-size: 13px; font-weight: bold; background-color: #F8F8F8; padding: 0; text-indent: 5px; margin-bottom: 5px; line-height: 29px; }

.navigation ul.HeaderMenu li ul li ul { position: relative; top: 0px; left: 0; }

.navigation ul.HeaderMenu li ul li ul li { width: 100%; margin-bottom: 0; }

.navigation ul.HeaderMenu li ul li ul li a { font-size: 12px; padding: 0; line-height: 20px; text-indent: 5px; color: #545454; font-weight: normal; }

.navigation ul.HeaderMenu li ul li ul li a:hover { color: #F00; }
/* ------------------------------------Navigation2--------------------------------------------*/
ul.HeaderMenu2 { width: 1000px; margin: 0px auto; text-align: center; }

ul.HeaderMenu2 ul { display: none; }

ul.HeaderMenu2 li { float: left; font-weight: bold; }

ul.HeaderMenu2 li:hover { background-color: #4fc1e9; }

ul.HeaderMenu2 li:hover a { color: #FFF; }

ul.HeaderMenu2 li a { color: #111111; font-size: 14px; margin-left: 5px; padding-left: 10px; padding-right: 10px; line-height: 30px; display: block; border: none !important; }

ul.HeaderMenu2 ul { background: #4fc1e9; padding: 0; position: absolute; top: 100%; z-index: 99999; min-width: 240px; }

ul.HeaderMenu2 ul li { float: none; position: relative; margin-top: 0; text-align: left; border: none; border-bottom: solid 1px #4fc1e9; border-top: solid 1px #4fc1e9; }

ul.HeaderMenu2 ul li:hover { background: no-repeat; }

ul.HeaderMenu2 ul li a { background: url("images/Sprite.png") no-repeat scroll -7px -212px; font-size: 11px; padding: 6px 40px 4px 15px; color: #998585; line-height: 20px; }

ul.HeaderMenu2 ul li:hover a { background: url("images/Sprite.png") no-repeat scroll -7px -187px; color: #363636; }

ul.HeaderMenu2 ul li:hover ul li a { background: url("images/Sprite.png") no-repeat scroll -7px -212px; color: #FFF; }

ul.HeaderMenu2 ul li:hover ul li:hover a { background: url("images/Sprite.png") no-repeat scroll -7px -187px; color: #363636; }

ul.HeaderMenu2 li ul li ul { position: absolute; left: 100%; top: 0; min-width: 240px; display: none !important; }

ul.HeaderMenu2 li ul li:hover ul { display: block !important; }

ul.HeaderMenu2 li:hover ul { display: block; }
/* ------------------------------------    Header      --------------------------------------------*/