Navigation menu question

User 2587713 Photo


Registered User
11 posts

I just purchased the HTML editor and already have questions.

I started a website using the trial version and the Ecologic theme. Just sprung for the responsive theme version so apparently might have to do some of the same work again.

One of the issues that has developed is that my boss wants a lot more menu items (somewhere around 15+ (no, that is not a typo!) on the first menu level because he believes that, like him, people don't like drop down menus. No matter, my task is to modify the navigation menu to be able to include more items. I did add a couple more to the website that is up (feederheaven.com) but the border (which I take is a graphic) is at it's limit with what is there.

How do I make the navigation box longer (taller) so I can fit in more menu items? Or do I need an entirely new menu that doesn't restrict me with a graphic?

Linda
User 187934 Photo


Senior Advisor
20,247 posts

I'm not at my PC but you should be able to duplicate the <ul><\ul> element and everything in it and paste it below the other one. Then adjust the hrefs. Just an option.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2587713 Photo


Registered User
11 posts

I did that (if by adjusting hrefs you mean get them linked to the new pages) but I had to play with the last one to get it to fit within the "box". The menu is bordered and I think this is a graphic - can't check right now either. It might be defined in the style sheet or perhaps the graphic needs to be resized - but I'm not that up on css to spot it easily and before I spend eons on trying to figure it out, though I'd ask.

Linda
User 2147626 Photo


Ambassador
2,958 posts

The background is a graphic. However, by cutting the graphic in thirds, then splicing in however many middle sections you need to lengthen the background, you can make it any size you need. Check out the files in this zip and let me know if you need anything else. :cool:
Attachments:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2587713 Photo


Registered User
11 posts

Thanks heaps!

OK, I spliced it together - using 2 mid-sections. Of course, now, although it is indeed longer, I "lost" the bottom of the graphic. I would imagine that there is a restriction somewhere in the code that limits how long it can be but I have no idea where to look to fix that. Probably css. Short of having a crash course on css, any hints?

If anyone wants to have a look-see, let me know and I can upload the changes to the server so you can see what the problem might be ...

Linda
User 2147626 Photo


Ambassador
2,958 posts

I would upload so there is a link someone can look at. Unfortunately I'm not a coder so I really can't help you. There are a lot of css3 references out there on the web and there are a lot of good coders here. Someone else should be along soon. Good luck with your project. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2587713 Photo


Registered User
11 posts

OK, I got it uploaded so if anyone want to take a gander to see what can be done to have the bottom of the graphic actually show. I would imagine there is code in css that limits how far down the menu goes but I sure don't want to tamper with it blindly. However, with a seeing-eye dog ....

I'm attaching the graphic file in case someone can spot some issue there ... it DOES have a "finished" bottom as far as I can see.

Linda
Attachments:
User 187934 Photo


Senior Advisor
20,247 posts

link?:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2587713 Photo


Registered User
11 posts

Sorry ... it's at feederheaven.com ...
User 187934 Photo


Senior Advisor
20,247 posts

Line 308 in the defualt.css
nav {
background: url(../images/nav_bg.png) no-repeat;
float: left;
padding-top: 64px;
padding-bottom: 56px;
width: 200px;
text-align: left;
}


Change to this.
nav {
background: url(../images/nav_bg.png) no-repeat;
float: left;
padding-top: 64px;
padding-bottom: 56px;
height:501px;
width: 200px;
text-align: left;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.