Sections - Header - Full window screen

Stagger Lee
1796 Posts
Stagger Lee posted this 14 December 2015

Header Sections are very modern and elegant.

Have just one notation. As it is allways full screen perfectly, and top menu is there visible, there is huge risk visitors will never see what is under section. Because many will not know they can scroll with mouse, they will just jump directly on top menu.

Make some simple JS button at the bottom-center, there users can change button name. When clicked button (JS) will take care of first mouse scroll, and visitors will see something is under header section.

There is really huge risk someone will lose lot of time making frontpage and it will never be experienced by many visitors. Or for some of them anyway.

Header Sections are very modern and elegant. Have just one notation. As it is allways full screen perfectly, and top menu is there visible, there is huge risk visitors will never see what is under section. Because many will not know they can scroll with mouse, they will just jump directly on top menu. Make some simple JS button at the bottom-center, there users can change button name. When clicked button (JS) will take care of first mouse scroll, and visitors will see something is under header section. There is really huge risk someone will lose lot of time making frontpage and it will never be experienced by many visitors. Or for some of them anyway.

Last edited 17 December 2015 by Support Team

Vote to pay developers attention to this features or issue.
9 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 16 December 2015

Hello Stagger Lee,
thank you for your suggestion, it's very interesting idea.

Regards,
Aileen

Hello Stagger Lee, thank you for your suggestion, it's very interesting idea. Regards, Aileen
Stagger Lee
1796 Posts
Stagger Lee posted this 16 December 2015

I tried with ScrollSpy, but it cannot count for affix top menu. Or I dont know how to do it, no suggestion online helped.

Please move this to wishlist so users can vote ?

I tried with ScrollSpy, but it cannot count for affix top menu. Or I dont know how to do it, no suggestion online helped. Please move this to wishlist so users can vote ?

Last edited 16 December 2015 by Stagger Lee

Support Team
Support Team posted this 17 December 2015

Hello Stagger Lee,
relevant suggestion is also added to our wish list.

regards,
Aileen

Hello Stagger Lee, relevant suggestion is also added to our wish list. regards, Aileen
Stagger Lee
1796 Posts
Stagger Lee posted this 17 December 2015

Thank you.

Thank you.
Stagger Lee
1796 Posts
Stagger Lee posted this 10 January 2016

Maybe you can get some inspiration from here:

http://www.bowenmedia.com/?the-best-designs

Without ugly jumping, icon hover is enough.

Maybe you can get some inspiration from here: http://www.bowenmedia.com/?the-best-designs Without ugly jumping, icon hover is enough.
DouzanStudio
132 Posts
DouzanStudio posted this 11 January 2016

Hi, I do it with:

  1. Centered image or icon (mouse,down arrows).
  2. Apply animation into it (slide in down, fade in down) on looping.
  3. Sometimes adding a hyperlink for next section's id.

It looks nice in live preview

example.png

Hi, I do it with: 1. Centered image or icon (mouse,down arrows). 2. Apply animation into it (slide in down, fade in down) on looping. 3. Sometimes adding a hyperlink for next section's id. It looks nice in live preview !example.png!
Stagger Lee
1796 Posts
Stagger Lee posted this 12 January 2016

Thanks Douzan. I did it already and this doesnt botter me much. Just asking developers if they find some time to add more slow scroll to anchor by JS snippet.

Still I have one big dilema. Would I make scroll to first ID under header (header is gone from screen). Or would I make anchor to something at the bottom of the header, so both small part of header is visible and next block.

First option make it look like you changed to another page. Fast and header is gone from screen.
Second option can make problems on small devices, specially when you dont use "px" inside header, "em" for instance.

Thanks Douzan. I did it already and this doesnt botter me much. Just asking developers if they find some time to add more slow scroll to anchor by JS snippet. Still I have one big dilema. Would I make scroll to first ID under header (header is gone from screen). Or would I make anchor to something at the bottom of the header, so both small part of header is visible and next block. First option make it look like you changed to another page. Fast and header is gone from screen. Second option can make problems on small devices, specially when you dont use "px" inside header, "em" for instance.
Stagger Lee
1796 Posts
Stagger Lee posted this 12 January 2016

Have to check and test what you are saying. Animations. Slide in down, fade in down.
Where did you find icon of mouse ? is it image from Billionphotos ?

Have to check and test what you are saying. Animations. Slide in down, fade in down. Where did you find icon of mouse ? is it image from Billionphotos ?
DouzanStudio
132 Posts
DouzanStudio posted this 12 January 2016

Hi again, Now I got the point,
-Hmm I go with anchor to the first id after header and I think this gives the best result for current themler features.
-Yes it's, In billionphotos search for "mouse" under "vectors" category, I downloaded it with 32x32 px size.

Hi again, Now I got the point, -Hmm I go with anchor to the first id after header and I think this gives the best result for current themler features. -Yes it's, In billionphotos search for "mouse" under "vectors" category, I downloaded it with 32x32 px size.
You must log in or register to leave comments