Dapp works well on desktop but not on mobile

[frank-coder]

I would appreciate if someone pointed me to the right direction
Also note that i am using wagmi as i have seen solutions for people using web3js. Config code below

import { EthereumClient, w3mConnectors, w3mProvider } from '@web3modal/ethereum';
import { Web3Modal } from '@web3modal/react';
import { configureChains, createConfig, WagmiConfig } from 'wagmi';
import { bsc, bscTestnet, mainnet, polygon } from 'wagmi/chains';
import Homepage from './homepage';

const chains = [bscTestnet, bsc, mainnet, polygon];
const projectId: string = (import.meta.env.VITE_PROJECT_ID);

const { publicClient } = configureChains(chains, [w3mProvider({ projectId })]);
const wagmiConfig = createConfig({
  autoConnect: true,
  connectors: w3mConnectors({ projectId, chains }),
  publicClient,
});
const ethereumClient = new EthereumClient(wagmiConfig, chains);

export default function App() {

  return (
    <>
      <ChakraProvider>
        <WagmiConfig config={wagmiConfig}>
            <Homepage />
        </WagmiConfig>
      </ChakraProvider>

      <Web3Modal projectId={projectId} ethereumClient={ethereumClient} />
    </>

  );
}```

[glitch-txs]

Hi which wallet are you using to connect?

[frank-coder]

I have tried with Trust wallet and Safepal

[glitch-txs]

In your chain configuration array move the testnet to the last index. The first index is going to be used by wagmi as a required chain for the session and the rest as optional, since these wallets don't support testnet the connection will fail.

This should work:

const chains = [bsc, mainnet, polygon, bscTestnet]

[frank-coder]

Thanks for your help, that was subtle I wouldn't have figured it out alone