Hello,
My website is http://www.jaredburnettphoto.com
1. If you go the home page all of the menu item custom links that can be found on that page are already highlighted in white. How do I make the header highlighting function like the one page portfolio demo when you scroll down the page it highlights the section you are on.
2. Also, how do I make the boxes highlight in color just like the demo?
For more clarification it does this now http://imgur.com/67xDk92,M8KNEvh
I am ok with that as long as only the active section is highlighted like it functions on the demo here http://darko28064212.imgur.com/all/
“About” the active section on both but all of the menu items are bolded that are listed on that page.
I also like the mouseover box highlights that the demo features. If I could get that too that would be awesome!
Hey!
I checked your site and it currently functions like the one page portfolio demo. Are you trying to make it so it behaves like in the one page restaurant demo where each link is highlighted as it scrolls down the page? http://kriesi.at/themes/enfold-restaurant-one-page/
If so then add this to your custom CSS.
.current-menu-item > a > .avia-menu-fx {
display: block;
}
To make the bottom border display for the current link.
Regards,
Elliott
The problem isn’t the bottom border.
The problem is that on the home page menu…
http://www.jaredburnettphoto.com/#top
http://www.jaredburnettphoto.com/#portfolio
http://www.jaredburnettphoto.com/#about
http://www.jaredburnettphoto.com/#services
http://www.jaredburnettphoto.com/#contact
are all highlighted in white when they are not the active section on the home page. The blue line underneath the active section is working perfectly. When the blue line is under the menu item, it should be a white font, otherwise it should be grey.
Does this make sense?
Hi!
I think that’s because your using the absolute path in the URL instead of just #about, #contact, etc etc. Your site isn’t truly a one page site.
Try this CSS out.
.current-menu-item > a > .avia-menu-text {
color: white;
}
.avia-menu-text {
color: #4d4d4d;
}
Cheers!
Elliott
Perfect! You guys are the best!