Accordion in Footer

[SantiCazorla]

Hi there,

I use 4 column footer widget. I would like to use an accordion on the mobile device.

I want the custom html links to disappear on mobile devices and replaced by the accordion. Obviously, the accordion should not be seen on Desktop devices.

Thanks,

[lely]

Hi @Tsogtbaatar,

What you are trying to achieve involves CSS adjustment in X. In Pro, we can build it as you like it. In X footer widgets though, since the structure is predefined on Theme Settings, what we can do instead is inspect the element and hide it at specific screen size.

For accordion, try to use a shortcode. See this:
http://demo.theme.co/integrity-1/shortcodes/accordion/. Add it inside a text widget.

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• Media Queries to target different screen size - https://www.w3schools.com/css/css_rwd_mediaqueries.asp
• CSS display{none or block as needed} - https://www.w3schools.com/cssref/pr_class_display.asp

Hope this helps.