conflict between accordion and sidebar in mobile

  • I am not sure if this is a theme or plugin issue, or both, but it only happens on the FAQ page. When viewed on a mobile phone the entries with more than a small amount of content conflict with the sidebar coming up from the bottom. It is impossible to read several in their entirety because they get covered up. In several cases the accordion will be open followed by the sidebar, with still more accordion entries showing below the sidebar. Is there a way to make the sidebar wait it’s turn?

    The theme author looked at it and says the accordion needs a “clearfix” class added to this container:

    <div id=”accordion” class=”ui-accordion ui-widget ui-helper-reset” role=”tablist”>

    I tried placing a div with the class=”clearfix” around the shortcode on the page it didn’t work. Some of this I am doing in the jqueryuicss.css file and I am noticing that at the top of the editor it says this file is inactive. I have never seen this message before and it makes me wonder if that is the real problem.

    https://www.ads-software.com/plugins/sp-faq/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter catwingz

    (@catwingz)

    In the absence of any support I have been continuing to look for a solution. I should mention some of my findings*** for others in the forum.

    *** This plugin author suggests making changes to the plugin core (with the caution that they will be overwritten if updated). Since those of us who make changes normally make them to child theme files, it is not common knowledge that changes to plugins need to be made when the plugin is inactive. Changes made to an active plugin can lead to unexpected results, potentially breaking the plugin and requiring it to be deleted and reinstalled.
    (note- in my case I made a change from DESC to ASC in the display order, and also changed the javascript to make all tabs closed on page load when the plugin was active. I have now deleted and reinstalled it, but this hasn’t fixed my current problem.)

    I have observed that the mobile conflict is present in both Firefox and Chrome in an Android phone in portrait mode. In Chrome it seems fine when in landscape mode. Firefox is a problem either way.

    Thread Starter catwingz

    (@catwingz)

    I have now realized that in spite of deleting and reinstalling the plugin and making my changes while the plugin was inactive, the css file still displays the ‘inactive’ error message.

    Thus, it is really two problems, the inactive CSS file and the mobile conflict with the sidebar. I thought I had placed the site url in my original post, but I must have forgotten, so here it is.

    Thread Starter catwingz

    (@catwingz)

    I have also tried pasting the entire contents of the jqueryuicss.css file into the CSS for my child theme. No change.

    I really hope someone will help me out with this. It’s a nice looking plugin that fills a need and I would like to use it on more sites. If I can’t get to the bottom of this I will have to follow the suggestion of my theme author and find another accordion. I would prefer to understand what is going on and know how to fix similar issues! Thank you…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘conflict between accordion and sidebar in mobile’ is closed to new replies.