Fixed Header and One Page Design

[Kary]

Hi,
I'm using the Modern Portfolio theme and have made some customizations. I have created a fixed header so the navigation bar is always accessible. However, my header is larger in height than the default so I am having issues with the named anchor tags.

Currently, the top of each named anchor is appearing too far up the page...hidden by the now larger header. I need to change it and have found some solutions. But I can't get them to work because of the way WordPress places the custom CSS tag in the navigation/menu. It places the custom CSS class onto the <li> tag. Like this <li> <class="custom tag">

I need it placed on the anchor tag itself like this <a class="custom tag" href=...>

I have found a way to do this using something called a Custom Walker, where anything placed on the LI tag will also be placed on the anchor tag. Obviously I don't know if it will work because I am unable to tinker with the theme files like the instructions say to do. So my question is in two part.

Do you think this is the right way to handle this? Here are are the instructions.... http://stackoverflow.com/questions/23325379/add-custom-classes-to-wordpress-navigation-anchor-tags-not-lis

And if so, how would I do this in Genesis/Studiopress??

If you don't think this is the right way to go, then what??

http://vlearningstudio.com/

[Kary]

I got it to work but had to do a lot of tinkering with the Function.php, home.php and style.php files. It's simple but quite involved. If anyone wants to read how to make this work, I can come back and explain it here.

[Author]

Posts