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!
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
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
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.