Metmask doesn't want to connect on Mobile

Moralis General
#1

Hey there,
On browser all works fine but when I use mobile it dont even connect.


if (window.ethereum) {

     web3 = new Web3(window.ethereum);
}
        if (this.isMobile() && !window.ethereum) {
            this.connectBtn.addEventListener("click", () => {
                window.location.href = `https://metamask.app.link/dapp/${window.location.hostname}${window.location.pathname}`;
            });
        } else {
            this.connectBtn.addEventListener("click", () => {
                this.connectWallet(true)
            });

            this.connectWallet(true);
        }

    connectWallet = async (connected) => {
        await Moralis.enableWeb3();
         this.web3Js = new Web3(Moralis.provider);
         const web3Js = this.web3Js;

I need help please. Im searching for like 3 hours for an solution. Tried all.
I am using object oriented programming oop

#2

You will need to use WalletConnect for mobile.

await Moralis.enableWeb3({ provider: "walletconnect" });

You can use this if window.ethereum object doesn’t exist and/or have multiple buttons e.g. in a modal for different connection options.

#3

hey thanks. Is await needed ?

#4 
        Moralis.enableWeb3(!metamaskInstalled && { provider: "walletconnect" });

like so ?

#5

also the thing is that on metamask browser it doesnt work either

#6

Yes await is needed. You can read this.

You can do

if (!metaMaskInstalled) {
// WalletConnect
}

also the thing is that on metamask browser it doesnt work either

What code doesn’t work?