Active Link Color on Single page Site in Divi

First, you need to add the below code to <head> section of the integration tab

<script type="text/javascript"> 
(function($){
$(document).ready(function() {
$('#top-menu li.current-menu-item').first().addClass('current-item');
$('#top-menu li').removeClass('current-menu-item'); 
$('#top-menu li a').click(function() {
$('#top-menu li').removeClass('current-item');
$(this).parent().addClass('current-item');
});
});
})(jQuery);
</script>

Then add this to the custom CSS section of theme options

#top-menu-nav #top-menu li.current-item a { color: #YourPreferedLinkColorHere !important; }

This should give you the desired result.

Feel free to comment below for any questions.

#top-menu-nav #top-menu li.current-item a { color: #YourPreferedLinkColorHere !important; }

Be the first to reply

Leave a Reply

Your email address will not be published. Required fields are marked *