Trying to remove this bar

Hi – solved (with a sort of work-around)!

Not the most elegant way to do it and I'm never completely comfortable with the "!important" code but what I did was in the custom CSS code for the parent accordion insert the following:

#ui-id-xx{
display: none !important;
}

Where xx is the id of the grey bar which I found by inspecting the page as already stated. Seems to have worked consistently even on mobile device and when logged out of the dashboard.

Thanks for your help, not sure exactly what created the bar in the first place and I'll still set something up for you to take a look at (using the same theme to see if it is some kind of issue with how the theme handles your code. BTW – only seems to be when child shortcode is put into parent, not when child shortcode is put in child.

All the best,

K

Hi – thanks for getting back to me so quickly at this time of year! I'll check for broken links but sorry, rather not give admin access as site will contain information which should remain under control of the team here (phone numbers, policies and procedures etc). What I can do is set up a sand-pit environment on a separate domain and see if the problem recurs and/or what I did differently – might have to give me some time on that one.

I've noticed that the grey bar only appears for child accordions – the main parent accordion does not display the grey bar. When I inspect it, it states that the role="tab" I'm not sure if this helps at all.

All the best,

K

Can I get temporary admin access to your site,
also can you please check if there any broken HTML under accordion content?

Regards