Fest Theme Tweaks

Hey, loving using this theme, have a few questions.

Here's the site I'm working on: http://jackalopemedia.com/extendfertility/

Question #1:

If you hover over the "sponsors" logos above the fold, it hovers the right color, but then fades out orange. I can't find this anywhere in the CSS.

Question #2:

On the homepage, you can see the spacing is pretty generous between widget areas. I'd like to tighten that up. Mainly, shortening the space between the paragraphs Why Freeze Eggs, Egg Freezing Process, Egg Freezing in the News

Question #3:

Is it easy to make the menu a "sticky menu"? I used position: fixed, which did the trick, but then it grouped all the menu items together. Any idea why that happened?

Hi,

1. Add this code to css/override.css file:

Code: Select all

.gk-sponsors-wrap > a:hover, .gk-sponsors > div > a:hover {
background: #eee;
}

2. add this code to decrease space betweent the paragraphs:

Code: Select all

.gk-nsp-art .gk-nsp-text {
line-height: 18px;
}

cusotmize line-height property.

3. You should use position: fixed, to #gk-page-top selector, then use margin, top etc to position in on top, you should also set z-index property to e.g. 10000, and you have to add additional containter to all content except gk-page-top with smaller z-index property. (you should have basic HTML and CSS knowledget to do it)

Hey Piotr,

Thanks for all the kind help. Another request coming your way:

• I want the logo to sit on the left of the nav-bar. When I place it before the mainmenu(php) it still stays on the right. Like so:
http://jackalopemedia.com/extendfertility/
fest/layouts/header.php

Code: Select all

<div id="gk-page-top">
         <div class="gk-page">
         <a class="logo" href="#"><img src="http://jackalopemedia.com/extendfertility/wp-content/uploads/2014/01/extend-fertility-logo4.png"></a>
            <?php gavern_menu('mainmenu', 'main-menu-mobile', array('walker' => new GKMenuWalkerMobile(), 'items_wrap' => '<select onchange="window.location.href=this.value;"><option value="#">'.__('Select a page', GKTPLNAME).'</option>%3$s</select>', 'container' => 'div')); ?>
               
            <?php gavern_menu('mainmenu', 'gk-main-menu', array('walker' => new GKMenuWalker())); ?>
            <?php endif; ?>
         </div>
   </div>

When I place it in <div class="gk-page-top"> it sits in the top left, but in it's own row.

Thanks!

Hi,

Add this code to override.css:

Code: Select all

.logo {
padding-left: 0;
float: left;
}

#main-menu {
float: right;
}