Jump to content

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

Recommended Posts

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

IMG_0238.png

IMG_0239.png

IMG_0240.png

Link to comment
  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
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?

Link to comment
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?

Capture1.PNG

Capture2.PNG

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.