Hello,
Please look at this site from a mobile device like a Smartphone:
https://www.tylersportvehicles.com/
Notice how the header at the top of the page has three objects: a logo, a phone number, and a logo the says "E-Z-Go".
Client needs this Header to "Stay at the top of the user's screen as the user scrolls down the page, on each page of the website".
I am having trouble doing this on a website project where I use "Content Place Holders" on every page of this website, and reference the on MasterPage where this Header sits. This Header is a "Layer" object, and it is set to "Floating".
How would I be able to accomplish this goal of having this Header object "stay at the top of the screen as the user scrolls down the page on the mobile device?
I have tried changing the "Mode" of this Layer to different things like "Docking", "Anchored, "Sticky", etc.; but clearly, this is not working because of course the Content Place Holder and the objects like this around this website are all "Floating" layers.
-etcbbu
*SOLVED* Doing a "Sticky" Header on site that uses "Content Place Holder"
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
*SOLVED* Doing a "Sticky" Header on site that uses "Content Place Holder"
Last edited by etcbbu on Tue Aug 13, 2019 6:18 pm, edited 1 time in total.
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
Re: Doing a "Sticky" Header on site that uses "Content Place Holder"
Did you consider using a (fixed) page header?
Re: Doing a "Sticky" Header on site that uses "Content Place Holder"
So, are those sort of like "Floating" Layers, in that the Fixed Header will snap to the top of other objects, no matter what?
Also, will it still need to just be on the Masterpage-only? Or, am I going to need to manually insert it on every page so that it snaps up above the "Content Place Holder" that is on every page?
Also, will it still need to just be on the Masterpage-only? Or, am I going to need to manually insert it on every page so that it snaps up above the "Content Place Holder" that is on every page?
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
Re: Doing a "Sticky" Header on site that uses "Content Place Holder"
Why not try it and see.
I use a header on a master page. See test.penninescouts.org.uk for a sample
Alan
I use a header on a master page. See test.penninescouts.org.uk for a sample
Alan
- BaconFries
-
- Posts: 5328
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Doing a "Sticky" Header on site that uses "Content Place Holder"
From my understanding you wish the Header and its contents to be "Stationery" (Fixed) at the top, and as the page and its contents scrolls it goes behind the Header?
Examples:
http://www.wysiwygwebbuilder.com/suppor ... asic6.html
http://www.wysiwygwebbuilder.com/suppor ... world.html
Examples:
http://www.wysiwygwebbuilder.com/suppor ... asic6.html
http://www.wysiwygwebbuilder.com/suppor ... world.html
Re: Doing a "Sticky" Header on site that uses "Content Place Holder"
Is there a way to set a Header on a Master Page "Fixed" and "Floating"?
It's functioning ok, but I notice that when I just have it set to "Fixed", I cannot access any menu at the top of the page anymore, because the menu sits as a child on a "Layout Grid" that is set to "Floating".
It's functioning ok, but I notice that when I just have it set to "Fixed", I cannot access any menu at the top of the page anymore, because the menu sits as a child on a "Layout Grid" that is set to "Floating".
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
Re: Doing a "Sticky" Header on site that uses "Content Place Holder"
Well. Think I got a workaround.
I put another "Floating" Layer at the top of the page (the object name is tylersportvehiclesmasterpage1Layer3) , such that it takes up the exact amount of space that the "Header" takes up, and this sort of pushes down the menu (and then everything else) down far enough such that the Fixed Header doesn't cover up anything anymore.
https://tylersportvehicles.com
Look good to y'all?
--etcbbu
I put another "Floating" Layer at the top of the page (the object name is tylersportvehiclesmasterpage1Layer3) , such that it takes up the exact amount of space that the "Header" takes up, and this sort of pushes down the menu (and then everything else) down far enough such that the Fixed Header doesn't cover up anything anymore.
https://tylersportvehicles.com
Look good to y'all?
--etcbbu
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
- BaconFries
-
- Posts: 5328
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Doing a "Sticky" Header on site that uses "Content Place Holder"
Yes it looks good. Now, what if the client wants the menu to be "stationery" (fixed) as well. If this is the case then it to must be part of the "Page Header" so it will always be viewable and use able when scrolling.
Re: Doing a "Sticky" Header on site that uses "Content Place Holder"
Yes sir, I was thinking about that too. So let's think about this:
In that case, I would happily do that. *NOW*, that would mean that I would then lose that thin green bg on the menu, right? Like, if the menu has to be a part of the Header, that menu would then have to lose its thin, green blue ribbon that is its background, correct?
--etcbbu
In that case, I would happily do that. *NOW*, that would mean that I would then lose that thin green bg on the menu, right? Like, if the menu has to be a part of the Header, that menu would then have to lose its thin, green blue ribbon that is its background, correct?
--etcbbu
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com
Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization
https://ktravisj.com