Adding text inbetween logo and mainmenu

Hi

Firstly I was a little dismayed to find the above positions aren't actually available, but that's not going to solve my problem, so not really relevant.

What I'm trying to do is add my telephone number between the menu and the logo on Simplicity. After hours of fiddling, I'm not the best with code or markup, the below thread almost solved my problem.

http://www.gavick.com/forums/simplicity ... 29095.html

What it is, is when I scroll down and the new menu appears, the formatting of my text means it's not visible (it's now white on white) and secondly as the menu items move up a few pixels, the telephone number is no longer in line with the menu items.

So, my question is, how can I ensure that when I scroll down and the new menu appears, firstly my telephone number is visible and secondly it's inline with the menu items please?

Thanks!

This code was added after the logo code

Code: Select all

<?php if($this->API->modules('modmenuphone')) : ?>
         <div id="gKNewmodposition">
            <jdoc:include type="modules" name="modmenuphone" style="<?php echo $this->module_styles['none']; ?>" />
         </div>
         <?php endif; ?> 


This is my css

Code: Select all

#mynewbutton {
   float: left;
   padding: 0 30px;
   color:#fff;
   font-size: 14px;
   font-weight: 600;
   line-height: 90px;
   text-transform: uppercase;
   width: auto;
}


Could You please post an url to your site?

Sure, thank you. (I also notice the logo drops in the lower menu.)

http://gleus.com

Please edit: /templates/gk_simplicity/css/override.css and add at its end:

Code: Select all

#gkMenuWrap #gkHeaderNav #mynewbutton {color: #000;}


This will address text inside your custom module when the page scrolls down.

Remember to enable "CSS override" in template settings - advanced section.

Thanks very much! Is there a way to deal with the alignment issues and get the logo and phone number to move up with the navigation please?

To move all of those items up use this code:

Code: Select all

#gkLogo {margin-top:24px;}
#mynewbutton {line-height: 90px;}
.imageBg #gkMainMenu {margin-top: 11px;}


to reduce menu spacing even more:

Code: Select all

.gkMenu > ul > li > a {
line-height: 70px;
}


Those are current values, decrease them to move elements up.

Thanks, that solved all my problems!

Ok.
If You will have any other questions, feel free to post new forum threads.