sherif el dawayaty Posted January 17, 2019 Share Posted January 17, 2019 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 Link to comment Share on other sites More sharing options...
bsmither Posted January 17, 2019 Share Posted January 17, 2019 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"> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.