sherif el dawayaty 0 Posted January 17 Dears I need support as i am trying to reduce the search bar size, i did it from the file "box.search.php" the issue that the nav get aligned to the left so the logo also could not be in good zie how could i let the search box float to right in order to give more space to the logo THIS IS THE CODE I UPDATED ON THE FILE BOX.SERACH.PHP <div> <form action="{$STORE_URL}/search.html" class="search_form" method="get"> <div class="row collapse"> <div class="small-10 large-4 columns" style="float : righ"> <input name="search[keywords]" type="text" class="nomarg" placeholder="{$LANG.search.input_default}" lkrequired><small><a href="{$STORE_URL}/search.html">{$LANG.search.advanced}</a></small> </div> <div class="small-2 large-1 columns"> <button class="button postfix nomarg nopad" type="submit" value="{$LANG.common.search}"><svg class="icon"><use xlink:href="#icon-search"></use></svg></button> </div> attached photos show the issue Share this post Link to post Share on other sites
bsmither 1,284 Posted January 17 Welcome sherif el dawayati! Glad to see you made it to the forums. Please try: In the template main.php, find: <div class="row marg-top" id="top_header"> <div class="small-4 large-3 columns"> <a href="{$ROOT_PATH}" class="main-logo"><img src="{$STORE_LOGO}" alt="{$CONFIG.store_name}"></a> </div> <div class="small-8 large-9 columns nav-boxes"> <div class="row" id="nav-actions"> Change to: <div class="row marg-top" id="top_header"> <div class="small-4 large-7 columns"> <a href="{$ROOT_PATH}" class="main-logo"><img src="{$STORE_LOGO}" alt="{$CONFIG.store_name}"></a> </div> <div class="small-8 large-5 columns nav-boxes"> <div class="row" id="nav-actions"> Share this post Link to post Share on other sites