Support reply may delay for 3 weeks due to corona virus outbreak, please send us email to
Nov 15, 2018 04:22 PM 1 Answers General
Member Since Jan 1970
Unsolved Solved Mark as Solved Mark as Unsolved
Subscribed Subscribe Not subscribe

Hi there,

I purchased a Premium version of your Accordion plugin.

I used the short code to display my accordion. If I don't add any extra CSS, the accordion spans the full width of my content area. This is ok on tablets and phones, but looks weird on laptops and desktops. I tried putting the short code in a Slider Revolution slider so I could more easily change it's width on different devices. This worked fine except the content text wouldn't wrap on the smaller devices and the user would have to scroll left to right... which is pretty bad UI.

Can you guys recommend a way to control the width of my accordion on different devices? My only other option is to create media queries using CSS but I'd rather not have to spend all that time doing it.

Any advice is greatly appreciated. Thanks!

2 Subscribers
Submit Answer
Please login to submit answer.
1 Answers
Sort By:
Best Answer
Nov 15, 2018

Welcome to our forum.

I understand your issue, but the width option isn’t available┬áright now, hope the future version will bring this feature.

but you can add custom CSS to apply custom width on any devices.

@media (min-width: 1200px){
.accordions {
    width: 450px;

Please learn about CSS media query here


- Nov 15, 2018 11:09 PM
Flag (0)

Yeah I figured I can always add a media CSS call. And yeah it would be a great thing to add to future versions. Thanks for the response.

Sign in to Reply
Replying as Submit