Accordion Global Block Buttons Not Working

Hi,

I’m working on my client’s e-commerce site and I’m having trouble with the buttons on a global block within an accordion. I’ve used the accordion to expand additional clothing categories - but the buttons within the global block aren’t being recognised as links.

The cursor doesn’t change and the hover css change doesn’t happen in the same way that links do on the actual homepage.

Would someone mind taking a look? I’ll post details below.

Thanks :slight_smile:

Hello @refreshingdigital,

Thanks for writing to us,

In order to help you with your concern we need to check your settings, please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts

Thanks

Hi Prakash,

I’ve added the information to the secure note for you.

Thanks.

Hello @refreshingdigital,

Please edit your Global Block and please do not use <ul> and <li> tags for the row and columns because it cannot output the correct HTML list structure because of the Row inner container. You should only be using the <div> for the row and column elements.

Screen Shot 2021-03-29 at 1.15.36 PM
Screen Shot 2021-03-29 at 1.15.46 PM

Kindly let us know how it goes.

Hi Ruenel,

Unfortunately that hasn’t fixed the issue

Any other ideas?

Hi @refreshingdigital,

It seems the Effect Module is overriding the pointer event on the Button element and that is reason behind your issue. I went ahead and added the following code into the Theme Options > CSS and found its working.

.x-effect-exit, .x-effect-entering, .x-effect-exiting 
{
    pointer-events: unset !important;
}

Thanks

Hi Tristup,

Brilliant! Thanks so much for your help - 5* support as ever! :slight_smile:

Cheers

Hi @refreshingdigital,

Glad to help you on this, and thanks for your nice appreciation.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.