Customize current menu item?

Hi @junior! You can add some additional css for this. The following css code should do the trick

.wp-block-navigation-item.current-menu-item {
  text-decoration: underline;
}

Unfortunately this code doesn’t work under my theme. Here’s the site in question.

Hey @junior! Your site seems to be unreachable. Can you try recreating this in WP playground, or in a temporary site using InstaWP or TasteWP?

@properlypurple I had a typo on the url. Try this one.

Sorry for reviving this. Any idea why it won’t work?

Hey @junior! I was able to access your site only after using a VPN.

Are you using the standard navigation block for this? Can you share a screenshot where the navigation block is selected, and the list view on the left side shows it in there?

Sorry about that. I think it’s Cloudflare.

Here’s a screenshot:

No worries, and thanks for the screenshot @junior!

Can you try moving the whole ‘Site title and nav’ group outside of the Query Loop block? It looks like that might be the root of the issue.

@properlypurple Unfortunately that didn’t work.

Could it be that I converted this theme into a child theme in order to keep it safe from updates? I recently asked on another thread on how I could stack my gallery images on my blog page and the CSS code I was provided did work so…rather confusing why the code you provided doesn’t.

I created a header template and added it to every page in order to rule out any issues with the navigation and for some reason the code now works under one menu item only (Drone).

Any clues as to why?

@properlypurple Just wanted to update as I ended up deleting the menu and re-creating it and your code suddenly works.

Thanks for your assistance! It’s really appreciated.