Sections - Header - Full window screen

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

Regards,
Aileen

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 ?

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

regards,
Aileen

Thank you.

Maybe you can get some inspiration from here:

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

Without ugly jumping, icon hover is enough.

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

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.

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 ?

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.

Your question is a unique one! I'm the senior developer at Artiiseo content marketing, and I'd be more than willing to take a closer look at this for you. Feel free to reach out at any time!

Last edited 23 June 2019 by leightonburley94

If you're concerned about visitors not realizing there is content below the header section and potentially missing out on important information, adding a JavaScript button that prompts them to scroll down can be a helpful solution. Here's a step-by-step approach to implementing this feature:

Add a Button Element: Insert a button element at the bottom-center of your webpage using Themler's https://www.edmondpaintingpros.com/ design tools. You can customize the button's appearance, such as its color, text, and size, to match your website's style.

Write JavaScript Function: In your Themler project, access the JavaScript editor or file where you can write custom JavaScript code. Create a function that will handle the scroll behavior when the button is clicked.

To address this, consider adding a simple JavaScript button at the bottom center of the header. This button should have a customizable name, and when clicked, it can initiate the first scroll action. This way, visitors will see that there is more content below the header section.

Without this, there's a significant risk that some visitors might miss out on the rest of the page, potentially wasting the effort put into the front page design. Find out more

Looking for freshers jobs in Kochi? My First Job is your go-to platform for landing the perfect entry-level opportunity! Whether you're a recent graduate or a job seeker starting your career, we connect you with top companies in Kochi offering exciting roles across various industries. Explore job openings, apply easily, and take the first step toward a bright future with My First Job today!

Looking for freshers jobs in Trivandrum? My First Job is the perfect platform to help you kickstart your career! Whether you're a new graduate or just starting your job search, we connect you with leading employers in Trivandrum offering fantastic entry-level positions. Browse through job opportunities, apply effortlessly, and take the first step toward a successful career with My First Job today!