Parent Page + Drop-down Menu

[kristianorozcoMember]

The site is http://theboyhoodproject.com. I created two drop-down menus on my site for “About” and “Products + Services.” I would like both of these parent pages to be “un-clickable” to avoid creating (and updating) content for the pages and for customers simply to scroll down to the page that has the information they’re looking for. I have both of the pages live for you to see what I’m referring to. I will be removing the content on both pages.

Also, when the drop-down menu shows up, is it possible to make the following changes:
a) Make the white border and the wider section at top the same color as the background (113055).
b) When hovering or scrolling down the drop-down menu pages, replace the gray bar by having the page names turn the same shade of blue as when you hover on the main menu pages. (I hope this makes sense.)

Thank you!

[kristianorozcoMember]

OK. So in the meantime, I “think” I figured out how to make the “About” and “Products + Services” pages unclickable. I created a custom page with URL of #. Please check it out to make sure this is the best way to do this.
Also, I figured out the answer to question a). I still need an answer to question b).
One more thing: How do I increase the width of the drop-down menus to accommodate longer text?
Thank you!

[Bryan HadawayKeymaster]

That’s right, # or you might try javascript:void(0)

B. Is this what you wanted?

.main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover {
color: #005580;
}

Dropdown width:

.dropdown-menu {
width: 200px;
}

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[Author]

Posts