Page loader

[richardcech]

Hello 🙂
Can you help me with setting up page loader only on Main page (Home page – richardcech.com) with longer time and smoother transition ?

Thank you very much
Best Regards
RIchard Cech

[richardcech]

…and if is possible after showing page loader turn of animation of moving menu from top. Just smoothly fade out from page loader with white background to my home page :)))))

Thank you

[SeaTheme]

Hi,

It is not possible to show the page loader on home only, it will cause other issues.
We will study if it is possible to add an option in the future.

It is possible to disable the “transition top” by the custom CSS:

  #header,#content,#footer {
    -webkit-transform: translate3d(0, 0, 0)!important;
    -moz-transform: translate3d(0, 0, 0)!important;
    -ms-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important;
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

If you do it It will be absolutely amazing, like on this page https://galli-rudolf.ch/ i totally love it. ?

I probably wait for that before make my website official, are you able to tell me in how long it would probably be adjusted to make it work ?

Thank you for css script for cancel animation of menu, would you be so kind as to give me a script to set the time for which this page loader will always appear? ?

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi, welcome.

If all goes well, it will be added in about 4 weeks.

We can’t completely control this time, because it depends on the speed of the network and the size of the page. You can increase the time(loader showing) by changing this property in js/custom.theme.js check screenshot: https://www.dropbox.com/s/arfqt5dts39k1qn/qq20210422-104748.jpg?dl=0

Please note that it will apply to all pages. You need to edit again after theme update(theme update will cover the file).

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,
That is awesome !! 🙂 🙂 I can’t wait for it 🙂

…so I’ll wait with everything for your update and then I’ll use it as soon as it’s ready.

Thank you very much
Best Regards
Richard Cech

[richardcech]

I have one small question,

I set up time like you recommended. I turn of animation of moving logo down but I dont know how to setting up smooth transition like for example from page http://richardcech.com/ to http://richardcech.com/projects/ (by clicking on project) but on porfolio project when I click for example in this page http://richardcech.com/project/brno-island/ on small arrow It didnt create smooth transition from site to another site…

In first example it smoothly go to white screen and after that show logo and after that it smothly go to page, but in second example it only show imidietly white screen with logo (without smooth transition)….

Thank you very much
Best Regards
Richard Cech

[richardcech]

and please how to set up loader time for mobile 🙂 Loading time delay works great only on PC but on my mobile it loads too much fast 🙁

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi,
http://richardcech.com/project/brno-island/ on small arrow It didnt create smooth transition from site to another site…
What’s the small arrow on brno-island page? Please paste a screenshot or record a video, thanks!

and please how to set up loader time for mobile Loading time delay works great only on PC but on my mobile it loads too much fast

It is not an easy job, it is not possible by quick code.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,

Part with setting time same on pc and mobile for page loader – I noticed that setting in custom.theme.js works for both equally 🙂

Part two with arrow:

I prepare some printscreen of ideal situation when I click on small arrow on project pages.

When I for example click on page logo It have smooth animation in specific order which is 1) smootly 50percent blend white with logo text 2) 100percent white with logo text 3) smootly 50percent blend white with logo 4) both dissapear
In project pages when I use arrow to go to another project it have weird animation like 1) 100percent white with logo text3) smootly 50percent blend white with logo 4) both dissapear

Here is pictures from dropbox – It is example how It should look like but actual situation in page is different (like 1) 100percent white with logo text3) smootly 50percent blend white with logo 4) both dissapear)

https://www.dropbox.com/sh/kfqmjnk2d5rzcpw/AABXm0ZSaFYTdLbqwpD4hUQ5a?dl=0

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Please add the class="arrow-item" to the link a of the arrow.
check the screenshot: https://www.dropbox.com/s/450szgx35iicm4d/qq20210424-172744.jpg?dl=0

ps: if the new option(in future) “only show page loader on Home” is enabled, the page loader animation will not be activate by the links(logo, arrow, etc…)

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,
Thank you but sorry I dont know where should I put the class=”arrow-item” 🙂
I try to put it into link in text of page from portfolio but nothing happened. like class=”arrow-item”http://richardcech.com/ux-portfolio/lahofer-winery/ ….

With new option only show page loader on Home screen, I understand that animation will be only on home page for longer time and in other links (with normal page loading time) it will not do page loading animation 🙂

Thank you very much
Best Regards
Richard Cech

[SeaTheme]

Hi,

Please add the class="arrow-item" to the link a of the arrow.
check the screenshot: https://www.dropbox.com/s/450szgx35iicm4d/qq20210424-172744.jpg?dl=0

I didn’t see it in this page http://richardcech.com/ux-portfolio/lahofer-winery/

It needs to edit the HTML codes, please add it by code mode: https://doc.seatheme.net/sea-content-builder-plugin/text-module/#code-mode

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,
Works perfectly :)))

Thank you very much
Best regards
Richard Cech

[Author]

Posts