Hi folks,
I'm trying to mimic how the logo on this website behaves in Desktop view.
https://newatlas.com/
ie I want the logo to be initially displayed, but as soon as the user scrolls down the logo goes out of view and then the menu sticks to the top of the view (does not scroll out of view).
So far, everything I've tried results in the entire header sticking or scrolling out of vew.
If anyone can offer advice, I will be extremely grateful.
Many thanks in advance. Wishing everyone who reads this a great weekend.
Charles
Charles Henderson
Registered User
7 posts
Inger
Senior Advisor
14,454 posts
Online Now
Bit short of time now, so I have not downloaded your file. I have a similar thing in my sharing folder, see URL in my signature. Look for 'Sticky nav on scroll' in the Navigation section. If I can probably help you further a bit later, if needed, and if nobody else have chimed in in the meantime.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Wayan Jaya
Registered User
4,805 posts
Online Now
Charles Henderson wrote:
Hi folks,
I'm trying to mimic how the logo on this website behaves in Desktop view.
https://newatlas.com/
ie I want the logo to be initially displayed, but as soon as the user scrolls down the logo goes out of view and then the menu sticks to the top of the view (does not scroll out of view).
So far, everything I've tried results in the entire header sticking or scrolling out of vew.
If anyone can offer advice, I will be extremely grateful.
Many thanks in advance. Wishing everyone who reads this a great weekend.
Charles
Hi folks,
I'm trying to mimic how the logo on this website behaves in Desktop view.
https://newatlas.com/
ie I want the logo to be initially displayed, but as soon as the user scrolls down the logo goes out of view and then the menu sticks to the top of the view (does not scroll out of view).
So far, everything I've tried results in the entire header sticking or scrolling out of vew.
If anyone can offer advice, I will be extremely grateful.
Many thanks in advance. Wishing everyone who reads this a great weekend.
Charles
Hello
the logo thingy you want to scroll out of view needs to be in a completely different container to the nav container
then the sticky nav underneath, set to "stickey" margin top=0
so the outline is
body
[div] header
Logo
[div] nav (stickey)
[ul] Nav-bar
[li] nav-items
[*] section
page-content
clear as mud probably
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 … an%281%29/
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 … an%281%29/
Wayan Jaya
Registered User
4,805 posts
Online Now
Wayan Jaya wrote:
Hello
the logo thingy you want to scroll out of view needs to be in a completely different container to the nav container
then the sticky nav underneath, set to "stickey" margin top=0
so the outline is
body
[div] header
Logo
[div] nav (stickey)
[ul] Nav-bar
[li] nav-items
[*] section
page-content
clear as mud probably
Charles Henderson wrote:
Hi folks,
I'm trying to mimic how the logo on this website behaves in Desktop view.
https://newatlas.com/
ie I want the logo to be initially displayed, but as soon as the user scrolls down the logo goes out of view and then the menu sticks to the top of the view (does not scroll out of view).
So far, everything I've tried results in the entire header sticking or scrolling out of vew.
If anyone can offer advice, I will be extremely grateful.
Many thanks in advance. Wishing everyone who reads this a great weekend.
Charles
Hi folks,
I'm trying to mimic how the logo on this website behaves in Desktop view.
https://newatlas.com/
ie I want the logo to be initially displayed, but as soon as the user scrolls down the logo goes out of view and then the menu sticks to the top of the view (does not scroll out of view).
So far, everything I've tried results in the entire header sticking or scrolling out of vew.
If anyone can offer advice, I will be extremely grateful.
Many thanks in advance. Wishing everyone who reads this a great weekend.
Charles
Hello
the logo thingy you want to scroll out of view needs to be in a completely different container to the nav container
then the sticky nav underneath, set to "stickey" margin top=0
so the outline is
body
[div] header
Logo
[div] nav (stickey)
[ul] Nav-bar
[li] nav-items
[*] section
page-content
clear as mud probably
UPDATE
OPPS I didn't notice your project file link
The process, therefore, is a little more complicated to explain, due to the navigation component you have used.
I can either do a demonstration video showing the process, or send you back the project file with the alterations to make it how you want already done (I don't normally do that, as I am a believer in that if you do something for someone they will never learn, but in this instance, I will make an exception,, especially for someone back in the good old UK
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 … an%281%29/
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 … an%281%29/
Charles Henderson
Registered User
7 posts
Wayan Jaya,
I'm with you in believeing that doing something yourself helps you learn how to do it.
May I take you up on your offer of a demonstration video (or a written idiots guide, which ever is easiest for you to produce)? I would prefer to do this myself as I'm commited to learning Site Designer.
However, should I get totally stuck may I consequently still take you up on your second (incredibly kind) offer of making the alterations to the file?
Charles
I'm with you in believeing that doing something yourself helps you learn how to do it.
May I take you up on your offer of a demonstration video (or a written idiots guide, which ever is easiest for you to produce)? I would prefer to do this myself as I'm commited to learning Site Designer.
However, should I get totally stuck may I consequently still take you up on your second (incredibly kind) offer of making the alterations to the file?
Charles
Wayan Jaya
Registered User
4,805 posts
Online Now
Charles Henderson wrote:
Wayan Jaya,
I'm with you in believeing that doing something yourself helps you learn how to do it.
May I take you up on your offer of a demonstration video (or a written idiots guide, which ever is easiest for you to produce)? I would prefer to do this myself as I'm commited to learning Site Designer.
However, should I get totally stuck may I consequently still take you up on your second (incredibly kind) offer of making the alterations to the file?
Charles
Wayan Jaya,
I'm with you in believeing that doing something yourself helps you learn how to do it.
May I take you up on your offer of a demonstration video (or a written idiots guide, which ever is easiest for you to produce)? I would prefer to do this myself as I'm commited to learning Site Designer.
However, should I get totally stuck may I consequently still take you up on your second (incredibly kind) offer of making the alterations to the file?
Charles
Ok twiil be so I will do it today so will be your tomorrow which is our today
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 … an%281%29/
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 … an%281%29/
Wayan Jaya
Registered User
4,805 posts
Online Now
Check Your Email in about an hour or so there is a video on the way to Youtube
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 … an%281%29/
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 … an%281%29/
Wayan Jaya
Registered User
4,805 posts
Online Now
Wayan Jaya wrote:
Check Your Email in about an hour or so there is a video on the way to Youtube
Check Your Email in about an hour or so there is a video on the way to Youtube
I also sent it directly to you by Wetransfer
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 … an%281%29/
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 … an%281%29/
Charles Henderson
Registered User
7 posts
Hi Wayan Jaya,
Video link and Wetransfer link both received. I've not been able to watch the video yet (weekend family time), but I'll be taking a look first thing Monday morning.
Many, many thanks for taking the time to make the video. I am so appreciative of your help.
Wishing you a great Sunday (I hope the weather is being kind to you in Bali, we have gale force winds and weather warnings here in the UK today!).
Charles
Video link and Wetransfer link both received. I've not been able to watch the video yet (weekend family time), but I'll be taking a look first thing Monday morning.
Many, many thanks for taking the time to make the video. I am so appreciative of your help.
Wishing you a great Sunday (I hope the weather is being kind to you in Bali, we have gale force winds and weather warnings here in the UK today!).
Charles
Wayan Jaya
Registered User
4,805 posts
Online Now
Charles Henderson wrote:
Hi Wayan Jaya,
Video link and Wetransfer link both received. I've not been able to watch the video yet (weekend family time), but I'll be taking a look first thing Monday morning.
Many, many thanks for taking the time to make the video. I am so appreciative of your help.
Wishing you a great Sunday (I hope the weather is being kind to you in Bali, we have gale force winds and weather warnings here in the UK today!).
Charles
Hi Wayan Jaya,
Video link and Wetransfer link both received. I've not been able to watch the video yet (weekend family time), but I'll be taking a look first thing Monday morning.
Many, many thanks for taking the time to make the video. I am so appreciative of your help.
Wishing you a great Sunday (I hope the weather is being kind to you in Bali, we have gale force winds and weather warnings here in the UK today!).
Charles
.no problems take your time. I am in java now so it's raining and cool as we are living on the slopes of a volcano which they say is extinct so I hope that they are right any problems or further help don't hesitate to ask
Wayan
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 … an%281%29/
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 … an%281%29/
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.
