inline stylesheet causing problems with another plugin

This is really specific, as it only seems to affect the firefox browser.

I have lightweight social icons on every page in the footer.

It puts a <link rel=”stylesheet” … > link into the body of the code (i.e. between the body tags rather than between the head tags).

Supposedly this shouldn’t be a problem as it is allowed by HTML5 but it is affecting the behaviour of another plugin I am using – ‘Accordion Shortcodes’

If I also have an accordion on the page, then if I navigate to another page and use the browser ‘back’ button to return to the page with the accordion, then the accordion no longer works properly. (the accordion won’t stay open when you click on it)

I have verified that it is the inline stylesheet that is causing the problem, by creating a copy of the page code and moving the stylesheet link into the header. All works OK then with the accordion.

I’m not saying there is necessarily anything wrong with they way your plugin is doing things as I understand it is WordPress that is putting the stylesheet in the body as by the time your plugin calls the wp_enqueue_style function, the head is already rendered.

So, I am commenting here, firstly so it may help someone else with a similar problem but secondly – is there a way I can dequeue your stylesheet?

I can load it myself in my child theme functions.php (and then it would be in the header)

The inline styles that you create aren’t causing a problem, it is just the link to the style-min.css that is causing the problem.

It is a great plugin so I’d be very keen to find a solution.

Thanks