Jump to content
sherif el dawayaty

Search Box Size and Logo - Foundation Template

Recommended Posts

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

 

lolooo.png

Share this post


Link to post
Share on other sites

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×