Need help with navigation folders/links. Too busy need +/- menu

Hi all. I’m stumped and need assistance. I’ve been able to find almost everything on my own with some research but I’m not finding any luck with my issue. I’m trying to do two things, both involve incorporating +/- to drop down menus. One in the mobile navigation header and other in the footer with nav links on desktop and mobile. It’s way too cluttered with all the links I have showing down there. Any help is truly appreciated, thanks

I’m on business plan. Website is: framed-view-designs.com

For the footer issue have you tried an accordion block?

If you want to have different presentations on desktop and mobile it may be possible to show/hide those presentations with some CSS.

As to the mobile menu. It doesn't look excessive to me. I don't have any suggests.

12 hours ago, creedon said:

For the footer issue have you tried an accordion block?

If you want to have different presentations on desktop and mobile it may be possible to show/hide those presentations with some CSS.

As to the mobile menu. It doesn't look excessive to me. I don't have any suggests.

Thank you! Great tip for the footer. I just made some tweaks to it. I'd like my mobile header to look similar with the drop downs and +/-. How can I achieve this?

I have a question about my footer with dropdowns. On desktop whenever I click on the plus symbol and the accordions expand it makes the images next to it get bigger. Is there a way to isolate the accordions so it doesn't effect anything surrounding them?

On 11/7/2023 at 2:26 AM, FramedView said:

I have a question about my footer with dropdowns. On desktop whenever I click on the plus symbol and the accordions expand it makes the images next to it get bigger. Is there a way to isolate the accordions so it doesn't effect anything surrounding them?

You can add this to Website > Website Tools (under Not Linked) > Custom CSS to fix problem

/* image conflict accordion */
@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1697991228319_9413 img {
    height: 236px !important;
}
}