Jump to content
Killersites Community
Susie

Need help with the CSS for this menu

Recommended Posts

I have been trying to figure this out and I just keep making a huge mess of things.

 

URL: http://goo.gl/KUTv6

 

They are adding a new page called Healthy Menu so now the navigation needs recoded.

 

If anyone has a few spare moments, can you help me figure this out? :)

Share this post


Link to post
Share on other sites

Looks like you are going to have to change the width of all the ul#nav li a tags, and they each have a class, eg ul#nav li a.home.

Is this a Genesis template?

Share this post


Link to post
Share on other sites

Susie, there a couple of things that I see missing...a css defined for class="healthy-menu" which requires a width and background position. All your other menu links have something like this:

 

ul#nav li a.franchise-info {

background-position: -230px 0;

width: 190px;

}

Share this post


Link to post
Share on other sites

Also, it looks like the client has a new link called Coupon which does have a class but the nav-v2.gif needs updating to show 'Coupon'

 

nav-v2.gif image

Edited by Eddie

Share this post


Link to post
Share on other sites

Looks like you are going to have to change the width of all the ul#nav li a tags, and they each have a class, eg ul#nav li a.home.

Is this a Genesis template?

 

Yeah, this is a Genesis theme. The nav is hard coded, though. I really struggled with it last time and you all helped me. :)

 

Susie, there a couple of things that I see missing...a css defined for class="healthy-menu" which requires a width and background position. All your other menu links have something like this:

 

ul#nav li a.franchise-info {

background-position: -230px 0;

width: 190px;

}

 

It's in there but just commented out since it was making a mess of everything. Sorry about that!

 

Also, it looks like the client has a new link called Coupon which does have a class but the nav-v2.gif needs updating to show 'Coupon'

 

nav-v2.gif image

 

Actually, the Coupon page is being removed, but I forgot to remove it from the code.

 

 

 

---

 

Sorry about that, guys! I posted and ran and didn't give much info. Bad me! It's been so crazy here. Anyway, I am going to try to get this finished today. Thanks for your help!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×