Hi there,
I have a problem with an “Classic Accordion” element: on Screens with 481px & UP it looks great, but on screens with 480px & smaller, the most important columns and half of the button in the last column are lost. Is it possible to define which column will not be shown on screens with less than 480px solution?
Thank you ak
Hi Christian,
Please edit your page with Cornerstone, then add the Responsive Text
:
Under Selector
you should insert .x-accordion-heading a
class.
Hope it helps
Thank you for your answer. But unfortunately this does not help. The head text of accordion now has another font-size, but the important information in the accordion element still disappear on screens with 480px & smaller.
Sorry for the confusion, Christian. You’re using HTML table inside the Classic Accordion. The issue is not the Classic Accordion because it is responsive. Usually, content inside a respnonsive container like the accordion element will be wrapped naturally. But, it’s not the case for a simple HTML table. It isn’t responsive and it can’t be wrapped like text and images.
Regretfully, we do not have table features in the theme. You will need to use a responsive table plugin. You can see this article for some guidance: https://www.wpsuperstars.net/table-plugins-for-wordpress/. Table output from third party plugins usually come in the form of shortcodes. You insert the shortcode in the Accordion’s content.
Hope that leads you to the right direction.
Thank you!
You’re welcome!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.