One Page Portfolio Header - All custom link menu items on that page highlighted - Support

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
April 24, 2015 at 6:35 am #433887

JaredBurnett
Participant

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?

April 24, 2015 at 10:33 pm #434489

JaredBurnett
Participant

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!

April 27, 2015 at 4:54 pm #435410
Elliott
Inactive Moderator
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
April 27, 2015 at 5:18 pm #435439

JaredBurnett
Participant

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?

April 28, 2015 at 5:01 pm #436195
Elliott
Inactive Moderator
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
April 28, 2015 at 6:50 pm #436292

JaredBurnett
Participant

Perfect! You guys are the best!
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘One Page Portfolio Header – All custom link menu items on that page highlighted’ is closed to new replies.