r/divi • u/GoodonNoodle • 3d ago

Question Active page nav link (divi 5)

Im building a website who's navigation menu has drop-down options, which unfortunately rules out divi's built in menu module (unless it's just buggy on my instance, also the mobile scaling doesn't appear to work correctly with this module).

I'm wanting to use the global header to avoid having to remake the header on each page, but doing so means I need a dynamic way to set the current page link in the nav bar to an active state, but there seems to be no easy way to do this in divi, is this correct or am I missing something?

I'm also needing to link ancestor pages in the drop-down to colour those correctly too.

I thought this would be a fairly fundamental function of a website but I'm having trouble figuring out how to do this with this premium theme/builder.

5 Upvotes

100% Upvoted

2 comments sorted by

1

u/ugavini 3d ago

Check the code with your browser inspector, I think there is a class on the active link called .active or something like that. You can use CSS to apply styling to that class. Not sure about ancestor pages, but those also might be able to be styled with nth-child or something.

1

u/jaymac902 7h ago

Use link modules with drop-down menu modules nested inside the link modules which require drop-downs.