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

User 2699991 Photo


Registered User
3,238 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.

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2140875 Photo


Registered User
343 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.
User 122279 Photo


Senior Advisor
13,367 posts
Online Now

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
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 2140875 Photo


Registered User
343 posts

Inger,
Thanks for that information and the time you have taken to help out!
User 2140875 Photo


Registered User
343 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:
User 122279 Photo


Senior Advisor
13,367 posts
Online Now

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
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 2699991 Photo


Registered User
3,238 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

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2699991 Photo


Registered User
3,238 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


The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2699991 Photo


Registered User
3,238 posts
Online Now

please send the slider css stuff so I can see whats occuring

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2699991 Photo


Registered User
3,238 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

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials

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.