June 4, 2013 at 8:09 am #24272
Im looking to have 4 pages on a single pages, so really its a long home page and the menu links to the different sections…
SO i have made the menu links for the section with id = “av_section_1” to go to a menu link of http://www.yoursite.com/#av_section_1…. which is great and it works.
Hoewever under the link for the section it is highlighted just as the Home page link is, so in some ways its right you are on the home page and the other page im linking to is on the same page but i dont really want it highlghting, would only want it highlighting when that section of the page is clicked.
Is there a way around this?June 5, 2013 at 6:54 am #122964
On Appearance > Menu, give the menu items a special class. If you can’t see it, click Screen Options (top right), look for “Show advanced menu properties”, check “CSS Classes”. You will be able to specify “CSS Classes (optional)” for each menu item.
IsmaelJune 5, 2013 at 9:38 am #122965
Ive found that thanks….
Could you however give me an example of what to change…still learning css so would appreciate a pointer or two?
Hope that you can help!
DaveJune 6, 2013 at 11:05 am #122966
If we can see the site live with the anchor links in place maybe we can come up with something. The gist of it is that you need to remove the styling from .main_menu ul:first-child > li.current_page_item > a so that you can then assign it for the active link somehow based on your own custom classes or something like that.
DevinJune 6, 2013 at 11:20 am #122967
Mmm, ok that doesnt make much sense if im honest!
The site isnt live at the moment but i can give you a login to have a look at it?, is that possible to work?June 7, 2013 at 6:54 am #122968
Tbh I don’t think this is possible with css but it would require a complex js script which compares the current content section (content which is within the browser viewport) with the menu classes and depending on the content id it removes/adds the “current item” class to the main menu items. Similar to our coalition theme. http://kriesi.at/themes/coalition/ which changes the highlighted menu if the user scrolls down. However the menu structure of both themes is quite different and it would require a freelancer to implement such a function.
The topic ‘Anchor links’ is closed to new replies.