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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...