Underline links on navigation menu when clicked

Hello!

I have added some of my shop categories as links to my navigation bar, but I've noticed they don't underline when clicked. is there a way I can make this happen like it does with the other pages on the navigation bar?

thanks!

Bethany

Hi,

Can you share link to shop page? We can check problem easier

sorry again! here is the link,

https://wildmoonstudio.co.uk/shop/prints

Beth

Add this code to Website > Website Tools (under Not Linked) > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(function() {
  var loc = window.location.href; // returns the full URL
  if(/new-in/.test(loc)) {
    $('body').addClass('new-in');
  }
      var loc = window.location.href; // returns the full URL
  if(/prints/.test(loc)) {
    $('body').addClass('prints');
  }
});
</script>
<style>
  body.new-in header#header [href*="/new-in"], body.new-in header#header [href*="/prints"] {
    background-image: linear-gradient(currentColor,currentColor);
    background-repeat: repeat-x;
    background-size: 1px 1px;
    background-position: 0 100% !important;
    background-position: 0 calc(100% - 0.1em);
}
  body.new-in header#header [href="/shop"] {
    background-image: none !important;
}
</style>

This code for New In, if it works, I will send code for other

Just added but doesn't seem to have worked when I click on new in!

can anyone help with this?

thanks

ah I missed a name, change text underline to new-in

amazing that works!! are you able to send the code for the others?

thank you so much!

On 11/19/2023 at 4:37 PM, Betania93 said:

amazing that works!! are you able to send the code for the others?

 

thank you so much!

Updated the code. You can check again