Accordion Menu Content Not Displaying On Mobile
Dina Abramson
Hi,
I have added an accordion menu (which displays properly on desktop) but on mobile, only the title of the accordion is visible. I don't know why it is not visible.
https://awdtest3.com/images/accordion_content_not_displaying_mobile.png
Thanks.
Rashida Rahman
Accepted AnswerHi there!
Please use the following code in your custom CSS:
#section-id-1640180698465 ul.mod-menu.mod-list.nav {
flex-direction: column;
}Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Hope this will solve the issue for you.
Best Regards
Dina Abramson
Accepted AnswerSo, I discovered that if you tap the area where the accordion menu content is, the menu will appear. I need it to be visible at all times when people are on those pages. attached is a screenshot:
https://awdtest3.com/images/keyservices_accordion_menu.png
The other issue is the menu when it does display, does not separate 1 line for each menu item in the accordion for menu item GST/HST and Incorporating your Business. These should be on separate lines.
Thanks.
Dina Abramson
Accepted AnswerOk, I found a way to display the content of the accordion, but was unable to determine why one line has 2 items on it:
it should display like this;
Accounting Services & Financial Statement Preparation GST/HST Incorporating your Business Taxation Services
On mobile it displays:
Accounting Services & Financial Statement Preparation GST/HSTIncorporating your Business Taxation Services
Thanks.
Mehtaz Afsana Borsha
Accepted AnswerDina Abramson
Accepted AnswerSorry, the text i typed in is not displaying correctly
https://awdtest3.com/images/correct_menu_display.png
it should display each menu item on a separate line.
thanks.