How to make my menu "sticky" - Post...

User 1869666 Photo


Registered User
187 posts

Inger, I found in your Sharing page the sticky navigation I want except it's BS and I'm Foundation. Your 'Sticky right-aligned menu (BS)' looks like what I'm looking for. Is there a Foundation version? Or directions how to make it in Foundation. I'm using RSD V4 Build 3225.
User 122279 Photo


Senior Advisor
13,332 posts

Something like this?

I just made a couple of changes to the Simple menu.
Attachments:
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 2088758 Photo


Senior Advisor
2,875 posts

I made one for a client something like this https://www.denalandscaping.com/

Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 1869666 Photo


Registered User
187 posts

WOW!! Thanks so much Inger! Steve, nice job on that website and navigation buttons. I've never had success with spacing buttons the way you did.
User 2088758 Photo


Senior Advisor
2,875 posts

Thanks Carolyn,

Its all about the Flexbox when spacing out your menu items. I usually have the main nav wrapper set to a fixed width of 1200px and the set alignment to space around or space between depending on how many menu choices there are.

Here is the basis to what I start with then edit from there to the design I want to go with
https://www.coffeecup.com/help/articles … m-scratch/

Hope this help you build fantastic menues.

Note: This only works with Foundation framework.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 1869666 Photo


Registered User
187 posts

Thanks for that link Steve. I remember using it awhile back in the early stages of my learning curve. Hopefully, I've learned a few things and will be able to make better use of it, along with your tips. Thanks again.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.