Docs

[markcfrancis]

Hi There

We have created full width accordions here when you click the 3 SHOW MORE links here: http://intelligent.wpengine.com/what-we-do/

Multiple people have stated that the functionality is not intuitive though, as when you open each accordion any open accordions do not close. This means when you have more than 1 open it is confusing as you can’t tell which section the accordion content relates to.

Please can you advise how we can resolve this, even if it means using a different accordion plugin.

Thanks

Mark

[Christopher]

Hi there,

Please find following codes in style.css file :

.interact_col3 .x-accordion-body .x-accordion-inner {
    left: -200%;
}
.interact_three_section_col .x-accordion-inner {
    color: #555756;
    box-shadow: none;
    float: left;
    background-color: #eaebed;
    padding: 0px;
    width: 300%;
    position: relative;
    /* left: -100%; */
    left: 0%;
}

And update it to :

.interact_three_section_col .x-accordion-inner {
    color: #555756;
    box-shadow: none;
    float: left;
    background-color: #eaebed;
    padding: 0px;

}

Hope it helps.

[markcfrancis]

Great, let me try !

[Friech]

Let us know how it goes.

Cheers!

[markcfrancis]

This reply has been marked as private.

[Christopher]

Hi there,

Your CSS has broken accordion element. Each element could be displayed inside its container and column. Why don’t you use tabs element? You can add it in a new row and it’s always full width, please see http://demo.theme.co/integrity-1/shortcodes/tabbed-content/

Hope it helps.

[markcfrancis]

This reply has been marked as private.

[Rupok]

Hi Mark,

Thanks for writing back. That won’t be usual. You need at least one Tab opened for the Tabs element.

[Author]

Posts