Logo + search box positioning

eCommerce WordPress theme with various e-store features and WooCommerce support.
GK User
Mon Apr 22, 2013 11:28 pm
Great looking theme, thank you.

I uploaded a site logo, but it pushes the seach box positon down. Can I align the search box to my logo the same as it is with the original text logo from the quickstart install?

Thanks.

http://dev.templeofwhomp.com/
User avatar
Senior Boarder

GK User
Tue Apr 23, 2013 1:36 am
Please use following css code in css/override.css and enable css override option in template settings > advanced settings > css override "on".

Code: Select all
#gk-search {margin: -80px auto 20px;}


Minus 80 pushes search box up.
20px pushes your menu down in case you want to change it further.

See you around...
User avatar
Platinum Boarder

GK User
Tue Apr 23, 2013 1:48 am
Thanks, it worked great.
User avatar
Senior Boarder

GK User
Tue Apr 23, 2013 1:49 am
No problem at all, see you around...
User avatar
Platinum Boarder

GK User
Thu Jul 10, 2014 5:43 pm
Hello,

I kinda got the same problem but my search is pushed down and to the middle of my page.
You can check it out here. http://www.bodegaz.be

i've tried the code in the override file.

/**
*
* -------------------------------------------
* Override
* -------------------------------------------
*
**/

#gk-search {margin: -80px auto 20px;}

/*
*
* 16. Override
*
*
------------------------------------ */

/* 16.1. Overrided elements
==================================== */


it won't work, sorry kinda new to website coding is Css.
User avatar
Fresh Boarder

GK User
Fri Jul 11, 2014 7:32 am
Hi,

In your case, use this code:

Code: Select all
#gk-search {margin: -50px auto 20px;}


and don't forget to enable this override option in StoreBox -> Template Options -> Advanced tab, because now your override.css file is not loaded.
User avatar
Moderator

GK User
Fri Jul 25, 2014 7:42 pm
I've done the steps you've told me to do.

But it doesn't do what i want to do... I want it like your demo template. Later i want to add social media buttons on the same line... right now it look messy.
User avatar
Fresh Boarder

GK User
Fri Jul 25, 2014 7:49 pm
the main menu may go up closer to the logo
User avatar
Fresh Boarder

GK User
Tue Jul 29, 2014 9:21 pm
Sorry for the delay, try to add this code into override.css file:

Code: Select all
.imageLogo {
   float: left;
}

#gk-search {
   margin: 0 20px 25px;
   float: right;
}
User avatar
Moderator

GK User
Wed Jul 30, 2014 11:09 am
no problem! works perfect!
User avatar
Fresh Boarder


cron