Mobile page transistion not inherited from desktop

Hello, I have set the welcome page to fade out after a few secs, leads to the home page. In mobile view there is no transition, How do I get it to fade out in the mobile view so it looks nice and smooth?
https://phi9639.wixsite.com/mysite/home

Thanks!

If you are talking about page transitions in your desktop editor and the welcome screen in the mobile editor as shown here.
https://support.wix.com/en/article/setting-your-page-transitions
https://support.wix.com/en/article/adding-a-welcome-screen-to-your-mobile-site
https://support.wix.com/en/article/customizing-your-welcome-screen-on-your-mobile-site

Then please note that this is not a code related issue for which this Corivd Forum is to be used for, therefore you would be better suited going through Wix Support for more help with your issue.
https://support.wix.com/en/article/contacting-wix-support

If you want to do something for mobile only as Heath mentioned in the other post…
https://www.wix.com/corvid/forum/community-discussion/setting-a-fade-for-a-page

Use wixLocation inside a setTimeOut() function.
https://www.grampsworkbench.com/Examples/Redirect-Delay

Then look at using Wix Window API and the formFactor function for writing code that will only happen on mobile devices.
https://www.wix.com/corvid/reference/wix-window.html#formFactor

Examples.
https://support.wix.com/en/article/corvid-writing-code-that-only-runs-on-mobile-devices
https://support.wix.com/en/article/corvid-tutorial-displaying-elements-in-mobile-only
https://www.wix.com/corvid/forum/corvid-tips-and-updates/introducing-the-new-mobile-menu

This example here has it near enough setup already for you too!
https://support.wix.com/en/article/corvid-tutorial-redirecting-mobile-visitors

Thank you :slight_smile: It’s just the simplest of things and I just wasn’t sure why the transistion of the welcome page timeout which I had set, in the mobile view did not follow through as the desktop page’s transition … The same content will be displayed its just the transistion! … I will have a look at the above …

IDon’t think it’s quite what I asked, but thanks anyway:) I have already set the time out page as you can see …
ON DESKTOP:
The welcome page transistion after automatic timeout I put in the code is set to slide in to the home page , which it does .
ON MOBILE:
It does the same timeout action but there is NO transition when it goes to the home page.

I just want to know how to fix it so it has the same transition.
I can make a mobile welcome screen page but this defeats the object as the desktop page timeout I set will also occur after the welcome screen on mobile, with the same problem I am having, JUST THE TRANSITION…

I hope this is clearer? Any suggestions of the code I need to put for this would bw warmly welcomed:)

Okay, so looking at your site on desktop all I can see is the two arrows coming in from the bottom left towards top right and the logo and text being faded onto the page.

Looking on mobile then all I see is a grey background with logo and text faded onto the screen, with no arrows being shown on the mobile device.

Where is the welcome page supposed to go from there then as it does not do anything else?

Do you have a setTimeout function in your code to go to another page like this below or did you use the example that Heath linked to in the old post?

import wixLocation from 'wix-location';

$w.onReady(function () {
setTimeout(() => {
wixLocation.to("/your-page-url");
}, 5000);
});

Just don’t want to be talking about the page transitions as shown here.
https://support.wix.com/en/article/setting-your-page-transitions

When it could be that you are talking about using the effects options.
https://www.wix.com/corvid/reference/$w.EffectOptions.html

Arghhhhhh lol sorry just noticed I pasted the direct link to home page

Here is the action I mean, where it goes from the black page to the home page on desktop, it slides in on mobile no transistion from the black page to the home page…

https://phi9639.wixsite.com/mysite

Okay, that looks better :wink:

I have looked at it myself on desktop and mobile and you get the slide page transition on desktop and only the show page transition on mobile, as you have described.

I have simply opened up a Corvid Example and changed the page transitions to horizontal to match your site and you still get the same effect happening.

It works on desktop and does not work on mobile.

Therefore, it will only work on desktop or any table device that shows the desktop layout.

On any mobile devices the horizontal page transition is not allowed and so not possible and therefore is changed by default to the simple fade in.

Finally, as the page transitions is not a code related issue as it is purely set in the Wix Editor page settings itself, there is no code workaround to fix this for you.

If you want more help with page transitions then you would be better suited going to Wix Support as this is not a code related issue and therefore not a Corvid Forum issue.

Sorry for not being able to help you anymore.

The only thing that you could try with code is to have all the elements on the home page which you move to after a set time, to have them all setup with the slide effect through Wix Effect Options and to be shown like this on mobile only devices.
https://www.wix.com/corvid/reference/$w.EffectOptions.html
https://www.wix.com/corvid/reference/wix-window.html#formFactor

Mobile only Wix tutorials.
https://support.wix.com/en/article/corvid-tutorial-displaying-elements-in-mobile-only
https://support.wix.com/en/article/corvid-writing-code-that-only-runs-on-mobile-devices

You can even set this mobile home page to be shown only on mobile too.
https://support.wix.com/en/article/showing-a-page-on-your-mobile-site-only

It won’t be the page transition that is sliding, but at least the mobile version might work with it set as this.
https://www.wix.com/corvid/reference/$w.EffectOptions.html#SlideEffectOptions

Examples

Show an element using the slide effect and options

let slideOptions = {
  "duration":   2000,
  "delay":      1000,
  "direction":  "right"
};

$w("#myElement").show("slide", slideOptions);

Thank you Soooooooo much for all your help!!
As an alternative, would a simple fade out be able to be implemented with the mobile version of does the mobile version allow no page transistions inherited from the desktop version?

I see that you can make a welcome screen for the mobile, but not the desktop.
Alternatively would I be able to redirect the welcome page from the desktop so it is not shown on the mobile, if I was to create the welcome screen for mobile that then goes straight into the gray home page, but the desktop version stays s it is?
Would there be any code that will work for this?
So frustrating as just want a nice smooth fade out transistion on the mobile view lol
I really appreciate all your help , thank you!

The only way you will know is to test it yourself on your site :wink:

The Wix Mobile Welcome Page is only displayed on mobile.
https://support.wix.com/en/article/adding-a-welcome-screen-to-your-mobile-site

If you use this on your website, then it will only be the mobile view that it is shown on, your desktop version will stay as it is with your animations and page transitions etc.

If you want a mobile only page then look here.
https://support.wix.com/en/article/showing-a-page-on-your-mobile-site-only

Otherwise you can redirect users on mobile to different pages.
https://support.wix.com/en/article/corvid-tutorial-redirecting-mobile-visitors