How to make my menu "sticky" - Page 3...

User 122279 Photo


Senior Advisor
14,472 posts

https://www.dropbox.com/s/hgv18iapi1ny3 … l.zip?dl=0
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
4,864 posts
Online Now

Galen Garretson wrote:
Sorry about that.

https://www.dropbox.com/s/kogr3ponl024n98/rr10.rsd?dl=0


ok got it this time
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2699991 Photo


Registered User
4,864 posts
Online Now

OK so now I see

for larger breakpoints you need to make the "ROW (nav-row)" holding the column which holds the nav bar

class = sticky-container

position = sticky - top margin = 0

Sticky doesn't work for mobile devices or on Internet explorer

so at below your lowest breakpoint (400px) you need change the column settings to
position = flex
wrap = wrap

content=space around

If you want the menu bar to not be visible at these lower views, then you need set it to a fixed position, and then hide it for small/medium views, then you need put a trigger link in (hamburger) which will open the menu at the top of the screen wherever they have scrolled to.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2699991 Photo


Registered User
4,864 posts
Online Now

So the project file is working for the sticky menu from the high breakpoint upwards

The thing is your pages are not really long enough at the moment to get that effect. I assume you will be adding content later.

I can send you back the project file working if you want.

Or I can put in the hamburger thingy for lower breakpoints & send you the project file back with that included as well

up to you
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2140875 Photo


Registered User
372 posts

Wow you are fast!!!! I don't how you, Inger, Eric and the others get through all this stuff.It's overwhelming to me.

The hamburger thingy would be great.
User 2699991 Photo


Registered User
4,864 posts
Online Now

Galen Garretson wrote:
Wow you are fast!!!! I don't how you, Inger, Eric and the others get through all this stuff.It's overwhelming to me.

The hamburger thingy would be great.


Well the next bit won't be as fast,, we are still in the middle of renovations,, electric going on & off, walls being built,, in-between monsoon rain,, but at least the roof no longer leaks

I will get it done today but not sure when
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2140875 Photo


Registered User
372 posts

Wayan,
Don't worry about it. You have a lot going on right now. Sounds like you will be out in a tent soon. Take all the time you need. Wish there was something I could do for you.
User 2699991 Photo


Registered User
4,864 posts
Online Now

Galen Garretson wrote:
Wayan,
Don't worry about it. You have a lot going on right now. Sounds like you will be out in a tent soon. Take all the time you need. Wish there was something I could do for you.


Galen its ready please email me for details of how to download it (I don't have dropbox, fell out with them a while ago)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 122279 Photo


Senior Advisor
14,472 posts

If you have his mail address, try www.wetransfer.com.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



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.