Please I have a little challenge with the Gk- Corporate 2,
I'm trying to close the gap between my menu and the Photo slide.
The gap was created when I edited the logo size to accommodate my logo in template.css from template manager:
/* logo styling */
h1.logo,
div.logo-text { float:left; padding:0 10px 0 0; background:#f4f2ef; }
h1.logo { width:110px; height:110px; background:#f4f2ef url('../images/logo.png') no-repeat 0 0; padding:0; }
h1.logo>a { text-indent:-999em; display:block;width:100px;height:100%; }
div.logo-text h1 { font-size:18px; line-height:26px; height:26px; color:#6b6459; text-transform:uppercase; }
div.logo-text h1 a { color:#6b6459; }
div.logo-text h1 a:hover { text-decoration:none; }
div.logo-text p { font-size:11px; line-height:14px; height:14px; color:#6b6459; text-transform:uppercase; letter-spacing:0.65px; }
/* if you've change logo size - please change also below dimensions */
.gk-nav { margin-left:160px; }
/*
* Breadcrumbs block
*/
#gk-header { margin:0 0 10px 0; }
#gk-breadcrumb { margin:0 0 10px 0; font-size:90%; background:#dddad8; height:24px; line-height:24px; color:#979189; padding:0 15px; clear:both; }
#gk-date { width:auto; float:right; }
please I want to know what to do to bring down the menu close to the photoslide... please find attached the image showing the gap.
Thank you