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

Feb 5th, 2019 at 11:08 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,391 posts
Online Now

Inger wrote:
If you have his mail address, try www.wetransfer.com.


Thanks Inger but I don't have his email

I will look at wetransfer.com anyway.
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 5th, 2019 at 11:33 AM
User 2140875 Photo

Galen Garretson
Registered User
378 posts

Wayan,

Just emailed you.

Inger - Thank you for the file. I am learning so much from you guys. I'm going to save that as a component as I think it will do perfectly for another website I maintain for a nonprofit. Thanks again.
Feb 5th, 2019 at 01:30 PM
User 122279 Photo

Inger
Senior Advisor
14,646 posts

Galen, about the file I sent you:

At first the slideshow wanted to be on top of the navbar when scrolling the page. To make it go underneath, I had to give the container 'content' a negative z-index. I'm mentioning this because usually in such cases, you want to give a positive z-index to the element that is to be on top. But the 'stickiness' doesn't work if the navbar has a z-index.Just so that you are aware of it.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Feb 5th, 2019 at 04:18 PM
User 2140875 Photo

Galen Garretson
Registered User
378 posts

Inger,
Thanks for that information and the time you have taken to help out!
Feb 5th, 2019 at 04:24 PM
User 2140875 Photo

Galen Garretson
Registered User
378 posts

Wayan,

Thanks for your help. I uploaded website files. The "hamburger" menu works great. The "sticky" menu is acting a bit quirky in larger view ports. I've attached a screen shot. Tried it in both Chrome and Firefox. When I scroll down the menu does not stick and when I scroll back up it appears as in the screen shot.

https://galenswebsite.com/rr/events.html

That being said, I live in the real world and I know this is taking you a lot of time to work on. I do not want to take advantage of your generosity. Please let me know if feel you can't spend any more time on it. I will completely understand.
Attachments:
Feb 5th, 2019 at 05:12 PM
User 122279 Photo

Inger
Senior Advisor
14,646 posts

I see the problem you're having. I haven't studied the menu, but it seems to me that it is indeed sticky but the slideshow goes on top of it. Try to give the 'hero-column' a negative z-index, as I explained earlier.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Feb 5th, 2019 at 05:50 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,391 posts
Online Now

Galen Garretson wrote:
Wayan,

Thanks for your help. I uploaded website files. The "hamburger" menu works great. The "sticky" menu is acting a bit quirky in larger view ports. I've attached a screen shot. Tried it in both Chrome and Firefox. When I scroll down the menu does not stick and when I scroll back up it appears as in the screen shot.

https://galenswebsite.com/rr/events.html

That being said, I live in the real world and I know this is taking you a lot of time to work on. I do not want to take advantage of your generosity. Please let me know if feel you can't spend any more time on it. I will completely understand.


i will take a look
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 5th, 2019 at 06:01 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,391 posts
Online Now

Wayan Jaya wrote:
Galen Garretson wrote:
Wayan,

Thanks for your help. I uploaded website files. The "hamburger" menu works great. The "sticky" menu is acting a bit quirky in larger view ports. I've attached a screen shot. Tried it in both Chrome and Firefox. When I scroll down the menu does not stick and when I scroll back up it appears as in the screen shot.

https://galenswebsite.com/rr/events.html

That being said, I live in the real world and I know this is taking you a lot of time to work on. I do not want to take advantage of your generosity. Please let me know if feel you can't spend any more time on it. I will completely
understand.


i will take a look


The problem is I didn't get the slideshow css files so I couldn't see what was happening
on firefox from here it works so what version of firefox are you on.
on chrome it works from here so again what version

the menu will only stick when scrolling up that's what sticky does

scrolling back down it will remain in the place it is set

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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 5th, 2019 at 06:02 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,391 posts
Online Now

please send the slider css stuff so I can see whats occuring
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 5th, 2019 at 06:36 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,391 posts
Online Now

Wayan Jaya wrote:
please send the slider css stuff so I can see whats occuring


I have made a demo video of what it looks like from here on Google, Edge, Firefox, & Chrome

it will take about an hour to upload I will post when its up
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/

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.