Accordion menu content not displaying on mobile - Forum | JoomShaper
Solved SP Page Builder

Accordion menu content not displaying on mobile

Asked by Dina Abramson 4 years ago Last activity 4 years ago

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 years ago

Hi 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

7 more replies

Oldest first Newest first Most helpful
Dina Abramson Asked this
4 years ago

So, 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 Asked this
4 years ago · edited

Ok, 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.

Dina Abramson Asked this
4 years ago

it is fine on desktop, just not on mobile

Dina Abramson Asked this
4 years ago

thank you, that resolved that issue.

Rashida Rahman Staff
4 years ago

Glad to know that:)

You are always welcome!

Log in to reply.