How to Create Accordion Menu Footer For Mobile Only

To create an accordion menu footer for Mobile Only, you can follow these.

#1. First edit Site Footer

image

#2. Add an Accordion Block

#3. Add your desired content to Accordion Block, then use this tool to find Accordion Block ID.

In my example, it is:

  • #block-yui_3_17_2_1_1724123780363_9047

#4. Use this code to Website Tools > Custom CSS to remove this Accordion on Desktop, and make it appears on Mobile Only

@media screen and (min-width:768px) {
#block-yui_3_17_2_1_1724123780363_9047 {
display: none;
}}


uaq