diff --git a/app.vue b/app.vue
index ef3f5a6d..ea43d67f 100644
--- a/app.vue
+++ b/app.vue
@@ -21,7 +21,7 @@ const { addProviderEvents, removeProviderEvents } =
 const { disconnect } = useBaseProvider()
 const { cacheValue } = useCache()
 const { currencyList } = storeToRefs(useCurrencyStore())
-const { initProvider, reconnect } = useWalletConnectProvider()
+const { initProvider, connect } = useWalletConnectProvider()
 const { formatMessage } = useIntl()
 const { gridChainId, tempGrids } = storeToRefs(useGridStore())
 
@@ -35,13 +35,7 @@ const setupTranslations = () => {
  * RPC - from RPC endpoint
  */
 const setupWeb3Instances = async () => {
-  // reconnect wallet connect
-  if (isWalletConnect.value) {
-    await initProvider()
-    await reconnect()
-  }
-
-  // set injected provider
+  // set web3 for injected provider
   if (INJECTED_PROVIDER) {
     // for chain interactions through dapp
     addWeb3(PROVIDERS.INJECTED, INJECTED_PROVIDER)
@@ -58,6 +52,12 @@ const setupWeb3Instances = async () => {
     // expose web3 instance to global scope for console access
     window.web3 = getWeb3(PROVIDERS.RPC)
   }
+
+  // reconnect wallet connect
+  if (isWalletConnect.value) {
+    await initProvider()
+    await connect()
+  }
 }
 
 /**
@@ -108,7 +108,6 @@ const setupNetwork = async () => {
   const network = useRouter().currentRoute.value.query?.network
 
   if (!network) {
-    await checkNetwork()
     return
   }
 
@@ -119,9 +118,6 @@ const setupNetwork = async () => {
     if (gridChainId.value !== selectedChainId.value) {
       tempGrids.value = {}
     }
-
-    gridChainId.value = selectedChainId.value
-    await checkNetwork()
   } else {
     console.warn(
       `Invalid network: ${network}, valid networks are ${SUPPORTED_NETWORK_IDS.join(
@@ -193,16 +189,20 @@ const resetDataProvider = () => {
 }
 
 onMounted(async () => {
-  setupTranslations()
-  setupNetwork()
-  await setupWeb3Instances()
-  checkConnectionExpiry()
-  await setupConnectedProfile()
-  resetDataProvider()
-  isLoadedApp.value = true
-  await setupCurrencies()
-  window.scrollTo(0, 0)
-  checkBuyLyx()
+  try {
+    setupTranslations()
+    setupNetwork()
+    await setupWeb3Instances()
+    checkConnectionExpiry()
+    await setupConnectedProfile()
+    resetDataProvider()
+    isLoadedApp.value = true
+    await setupCurrencies()
+    window.scrollTo(0, 0)
+    checkBuyLyx()
+  } catch (error) {
+    console.error(error)
+  }
 })
 
 onUnmounted(() => {
diff --git a/components/ModalTemplateConnectWallet.vue b/components/ModalTemplateConnectWallet.vue
index c1bf81a5..34e78e45 100644
--- a/components/ModalTemplateConnectWallet.vue
+++ b/components/ModalTemplateConnectWallet.vue
@@ -78,11 +78,11 @@ const handleToggleMobile = () => {
             )
           }}
         </lukso-button>
-        <WalletConnectButton v-if="false" />
+        <WalletConnectButton v-if="isMobile" />
         <lukso-button
+          v-else
           variant="secondary"
           is-full-width
-          disabled
           @click="handleToggleMobile"
         >
           <lukso-icon name="phone-portrait-outline" class="mr-2"></lukso-icon>
@@ -91,7 +91,6 @@ const handleToggleMobile = () => {
               'modal_connect_wallet_select_provider_connect_mobile_button'
             )
           }}
-          (soon)
         </lukso-button>
       </div>
       <div class="paragraph-inter-12-regular mt-4 text-neutral-40">
diff --git a/components/WalletConnectButton.vue b/components/WalletConnectButton.vue
index cd16a210..bf8aa55d 100644
--- a/components/WalletConnectButton.vue
+++ b/components/WalletConnectButton.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
 const { formatMessage } = useIntl()
 const deepLink = ref('')
-const {
-  initProvider,
-  connect: connectWalletConnect,
-  deepLinkParser,
-} = useWalletConnectProvider()
+const { initProvider, connect: connectWalletConnect } =
+  useWalletConnectProvider()
 const { walletConnectProvider: provider } = storeToRefs(useAppStore())
 
 onMounted(async () => {
   await initProvider()
   provider.value?.on('display_uri', (data: string) => {
-    deepLink.value = deepLinkParser(data)
+    deepLink.value = walletConnectDeepLinkUrl(data)
   })
 
   try {
diff --git a/components/WalletConnectQrCode.vue b/components/WalletConnectQrCode.vue
index 742ad499..05cc2bde 100644
--- a/components/WalletConnectQrCode.vue
+++ b/components/WalletConnectQrCode.vue
@@ -6,11 +6,8 @@ type Emits = (event: 'disconnect') => void
 const emit = defineEmits<Emits>()
 
 const qrCodeElement = ref<HTMLDivElement | null>(null)
-const {
-  initProvider,
-  connect: connectWalletConnect,
-  deepLinkParser,
-} = useWalletConnectProvider()
+const { initProvider, connect: connectWalletConnect } =
+  useWalletConnectProvider()
 const isLoading = ref(true)
 const deepLink = ref('')
 const { walletConnectProvider: provider, isMobile } = storeToRefs(useAppStore())
@@ -19,7 +16,7 @@ const { formatMessage } = useIntl()
 const size = computed(() => (isMobile.value ? 300 : 340))
 
 const generateQrCode = (data: string) => {
-  deepLink.value = deepLinkParser(data)
+  deepLink.value = walletConnectDeepLinkUrl(data)
   const qrCode = new QRCodeStyling({
     width: size.value,
     height: size.value,
diff --git a/composables/web3-provider/useBaseProvider.ts b/composables/web3-provider/useBaseProvider.ts
index e6fba96e..64d46a3c 100644
--- a/composables/web3-provider/useBaseProvider.ts
+++ b/composables/web3-provider/useBaseProvider.ts
@@ -15,14 +15,18 @@ const connect = async () => {
 
 const disconnect = () => {
   const { removeItem } = useLocalStorage()
-  const { connectedProfileAddress, isWalletConnect, walletConnectProvider } =
-    storeToRefs(useAppStore())
+  const {
+    connectedProfileAddress,
+    isWalletConnect,
+    walletConnectProvider,
+    walletConnectSession,
+  } = storeToRefs(useAppStore())
   const { isEditingGrid } = storeToRefs(useGridStore())
 
   // disconnect WalletConnect
   if (isWalletConnect.value) {
     walletConnectProvider.value?.disconnect()
-    isWalletConnect.value = false
+    walletConnectSession.value = undefined
   }
 
   // reset connected profile address
diff --git a/composables/web3-provider/useWalletConnectProvider.ts b/composables/web3-provider/useWalletConnectProvider.ts
index 19bc65a9..d072111a 100644
--- a/composables/web3-provider/useWalletConnectProvider.ts
+++ b/composables/web3-provider/useWalletConnectProvider.ts
@@ -3,7 +3,10 @@ import { EthereumProvider as WalletConnectProvider } from '@walletconnect/ethere
 import type EthereumProvider from '@walletconnect/ethereum-provider'
 
 const initProvider = async () => {
-  const { walletConnectProvider: provider } = storeToRefs(useAppStore())
+  const { walletConnectProvider: provider, selectedChainId: chainId } =
+    storeToRefs(useAppStore())
+  const numberChainId = hexToNumber(chainId.value) as number
+  const rpcNode = (await selectRpcNode())?.host as string
 
   provider.value = await WalletConnectProvider.init({
     projectId: '68cee9cbecf1293488f207237e89f337',
@@ -11,52 +14,62 @@ const initProvider = async () => {
       name: 'Universal Profiles',
       description:
         'Explore Universal Profiles and view all your assets in one place as well as send and receive tokens to other Universal Profile users.',
-      url: 'https://universalprofile.cloud/',
+      url: BASE_DAPP_URL,
       icons: ['https://universalprofile.cloud/favicon.png'],
     },
     showQrModal: false,
-    optionalChains: [42, 4201],
+    optionalChains: [numberChainId],
     rpcMap: {
-      42: 'https://rpc1.mainnet.lukso.dev',
-      4201: 'https://rpc.testnet.lukso.network',
+      [numberChainId]: rpcNode,
     },
   })
 }
 
-const connect = async (requestAccounts = true) => {
+const connect = async () => {
   const {
     walletConnectProvider: provider,
     connectedProfileAddress,
+    walletConnectSession,
     isWalletConnect,
-    isConnecting,
   } = storeToRefs(useAppStore())
   const { setConnectionExpiry } = useConnectionExpiry()
   const { addWeb3 } = useWeb3Store()
   const { disconnect } = useBaseProvider()
-  const { showModal } = useModal()
+  const { showModal, modal, closeModal } = useModal()
   const { formatMessage } = useIntl()
+  const route = useRoute()
 
   try {
-    isConnecting.value = true
-    await provider.value?.connect()
-
-    if (requestAccounts) {
-      const result = (await provider.value?.request({
-        method: 'eth_requestAccounts',
-      })) as Address[]
+    if (isWalletConnect.value) {
+      await provider.value?.enable()
+    } else {
+      await provider.value?.connect()
+    }
 
-      if (!result) {
-        throw new NoAccountsError()
-      }
+    walletConnectSession.value = provider.value?.session
+    const result = (await provider.value?.request({
+      method: 'eth_requestAccounts',
+    })) as Address[]
 
-      const [address] = result
-      connectedProfileAddress.value = address
+    if (!result) {
+      throw new NoAccountsError()
     }
 
+    const [address] = result
+    connectedProfileAddress.value = address
     setConnectionExpiry()
-    navigateTo(profileRoute(connectedProfileAddress.value))
-    isWalletConnect.value = true
 
+    // close connect modal if it's open
+    if (modal?.template === 'ConnectWallet') {
+      closeModal()
+    }
+
+    // when we connect on the landing page we redirect to profile
+    if (route.name === 'index') {
+      navigateTo(profileRoute(address))
+    }
+
+    // set web3 for wallet connect
     if (provider.value) {
       addWeb3(PROVIDERS.WALLET_CONNECT, provider.value as EthereumProvider)
     }
@@ -69,36 +82,12 @@ const connect = async (requestAccounts = true) => {
         message: getErrorMessage(error),
       },
     })
-  } finally {
-    isConnecting.value = false
   }
 }
 
-/**
- * Reconnect WalletConnect but don't trigger request accounts
- */
-const reconnect = async () => {
-  connect(false)
-}
-
-/**
- * Parse deep link to be used by mobile app
- *
- * By default WalletConnect uses wc: prefix for deep linking, but this also works with
- * other wallets. We replace with own prefix to ensure it works with our app.
- *
- * @param data
- * @returns
- */
-const deepLinkParser = (data: string) => {
-  return data.replace('wc:', 'network.lukso.universalprofiles.ios:')
-}
-
 export const useWalletConnectProvider = () => {
   return {
     initProvider,
     connect,
-    reconnect,
-    deepLinkParser,
   }
 }
diff --git a/shared/config.ts b/shared/config.ts
index b4e5cbfb..81d29b29 100644
--- a/shared/config.ts
+++ b/shared/config.ts
@@ -95,3 +95,7 @@ export const PROFILE_SHOWCASE_POOL_SIZE = 500
 // asset showcase params
 export const ASSET_SHOWCASE_LIMIT = 4
 export const ASSET_SHOWCASE_POOL_SIZE = 500
+
+// deep link prefix used by Mobile App
+export const MOBILE_APP_DEEP_LINK_PREFIX =
+  'io.universaleverything.universalprofiles'
diff --git a/stores/app.ts b/stores/app.ts
index 35e1b06d..f9334c2f 100644
--- a/stores/app.ts
+++ b/stores/app.ts
@@ -25,7 +25,7 @@ export const useAppStore = defineStore(
     // connection
     const connectedProfileAddress = ref<Address>()
     const walletConnectProvider = ref<EthereumProvider | undefined>()
-    const isWalletConnect = ref(false)
+    const walletConnectSession = ref()
 
     // data provider
     const fetchDataProvider = ref<FetchDataProvider>('graph')
@@ -106,6 +106,8 @@ export const useAppStore = defineStore(
       return !!route.query?.modalTemplate
     })
 
+    const isWalletConnect = computed(() => !!walletConnectSession.value)
+
     const isConnectedUserViewingOwnProfile = computed(() => {
       const viewedProfileAddress = computed(() => getCurrentProfileAddress())
 
@@ -150,6 +152,7 @@ export const useAppStore = defineStore(
       fetchDataProviderReset,
       walletConnectProvider,
       isWalletConnect,
+      walletConnectSession,
       isConnectedUserViewingOwnProfile,
       isViewedProfileConnected,
     }
@@ -161,7 +164,7 @@ export const useAppStore = defineStore(
         'selectedChainId',
         'fetchDataProvider',
         'fetchDataProviderReset',
-        'isWalletConnect',
+        'walletConnectSession',
       ],
       key: STORAGE_KEY.APP_STORE,
     },
diff --git a/utils/__tests__/externalUrls.spec.ts b/utils/__tests__/externalUrls.spec.ts
index 34ecaae5..9f0babf4 100644
--- a/utils/__tests__/externalUrls.spec.ts
+++ b/utils/__tests__/externalUrls.spec.ts
@@ -2,6 +2,7 @@ import { describe, expect, test } from 'vitest'
 import {
   universalPageProfileUrl,
   universalSwapsProfileUrl,
+  walletConnectDeepLinkUrl,
 } from '../externalUrls'
 
 describe('universalPageProfileUrl', () => {
@@ -147,3 +148,23 @@ describe('universalSwapsAssetUrl', () => {
     )
   })
 })
+
+describe('walletConnectDeepLinkUrl', () => {
+  test('should produce proper deep link', () => {
+    const input =
+      'wc:96c935c09bfae76a83d65747651a7e0c77592e3b7aeff8556bc91e9363a86689@2?expiryTimestamp=1728294685&relay-protocol=irn&symKey=8ba498cb98560cb940584b50450e77fe8699c29a5ecf28cbad7ee2f215685815'
+    const expectedOutput =
+      'io.universaleverything.universalprofiles://wallet-connect/96c935c09bfae76a83d65747651a7e0c77592e3b7aeff8556bc91e9363a86689@2?expiryTimestamp=1728294685&relay-protocol=irn&symKey=8ba498cb98560cb940584b50450e77fe8699c29a5ecf28cbad7ee2f215685815&redirectUrl=http://localhost:3000/'
+    expect(walletConnectDeepLinkUrl(input)).toBe(expectedOutput)
+  })
+
+  test('throws an error when data is invalid', () => {
+    // @ts-expect-error
+    expect(() => walletConnectDeepLinkUrl()).toThrow('Invalid URL')
+    expect(() => walletConnectDeepLinkUrl('123')).toThrow('Invalid URL')
+    // @ts-expect-error
+    expect(() => walletConnectDeepLinkUrl(null)).toThrow('Invalid URL')
+    // @ts-expect-error
+    expect(() => walletConnectDeepLinkUrl({})).toThrow('Invalid URL')
+  })
+})
diff --git a/utils/checkNetwork.ts b/utils/checkNetwork.ts
index d4d2ee7b..72881255 100644
--- a/utils/checkNetwork.ts
+++ b/utils/checkNetwork.ts
@@ -15,7 +15,7 @@ export const checkNetwork = async (
   try {
     const chainId = (await currentProvider.value?.request({
       method: 'eth_chainId',
-    })) as string
+    })) as string | number
 
     // when we can't get network information from ext it's very likely it's not installed yet, then we just exit
     if (!chainId) {
@@ -23,7 +23,7 @@ export const checkNetwork = async (
     }
 
     // if network mismatch then show modal and break further execution by throwing an error
-    if (currentNetwork.chainId !== chainId) {
+    if (currentNetwork.chainId !== numberToHex(chainId)) {
       showModal({
         template: 'SwitchExtensionNetwork',
       })
diff --git a/utils/externalUrls.ts b/utils/externalUrls.ts
index 7b011f57..8fbe1bd1 100644
--- a/utils/externalUrls.ts
+++ b/utils/externalUrls.ts
@@ -1,11 +1,12 @@
 import assert from 'assert'
 import { isAddress } from 'web3-utils'
 
+import { MOBILE_APP_DEEP_LINK_PREFIX } from '@/shared/config'
+
 /**
  * URL to transaction on blockchain explorer
  *
  * @param transactionHash
- * @returns
  */
 export const explorerTransactionUrl = (transactionHash: string) => {
   const { currentNetwork } = storeToRefs(useAppStore())
@@ -17,7 +18,6 @@ export const explorerTransactionUrl = (transactionHash: string) => {
  * URL to contract on blockchain explorer
  *
  * @param address
- * @returns
  */
 export const explorerContractUrl = (address?: string | Address) => {
   const { currentNetwork } = storeToRefs(useAppStore())
@@ -27,8 +27,6 @@ export const explorerContractUrl = (address?: string | Address) => {
 
 /**
  * URL to Transak to buy LYX
- *
- * @returns
  */
 export const transakBuyLyxUrl = () => {
   const connectedProfile = useProfile().connectedProfile()
@@ -53,6 +51,9 @@ export const transakBuyLyxUrl = () => {
   return `${TRANSAK_HOST}/?${queryParamsString(queryParams)}`
 }
 
+/**
+ * URL to Ramp to buy LYX
+ */
 export const rampBuyLyxUrl = () => {
   const connectedProfile = useProfile().connectedProfile()
   const { formatMessage } = useIntl()
@@ -75,8 +76,6 @@ export const rampBuyLyxUrl = () => {
 
 /**
  * URL to profile dashboard on my.universalprofile.cloud
- *
- * @returns
  */
 export const myUpDappDashboardUrl = () => {
   const { currentNetwork } = storeToRefs(useAppStore())
@@ -86,8 +85,6 @@ export const myUpDappDashboardUrl = () => {
 
 /**
  * URL to landing page on my.universalprofile.cloud
- *
- * @returns
  */
 export const myUpDappBaseUrl = () => {
   const { currentNetwork } = storeToRefs(useAppStore())
@@ -98,7 +95,7 @@ export const myUpDappBaseUrl = () => {
 /**
  * URL to profile page on universal.page
  *
- * @returns
+ * @param address
  */
 export const universalPageProfileUrl = (address?: Address) => {
   assert(address, 'Address is required')
@@ -111,7 +108,6 @@ export const universalPageProfileUrl = (address?: Address) => {
  *
  * @param address
  * @param tokenId
- * @returns
  */
 export const universalPageAssetUrl = (address?: Address, tokenId?: string) => {
   assert(address, 'Address is required')
@@ -127,7 +123,7 @@ export const universalPageAssetUrl = (address?: Address, tokenId?: string) => {
 /**
  * URL to profile page on universalswaps.io
  *
- * @returns
+ * @param address
  */
 export const universalSwapsProfileUrl = (address?: Address) => {
   assert(address, 'Address is required')
@@ -139,10 +135,33 @@ export const universalSwapsProfileUrl = (address?: Address) => {
  * URL to token page on universalswaps.io
  *
  * @param address
- * @returns
  */
 export const universalSwapsAssetUrl = (address?: Address) => {
   assert(address, 'Address is required')
   assert(isAddress(address), 'Address is not a valid address')
   return `https://universalswaps.io/tokens/lukso/${address.toLowerCase()}`
 }
+
+/**
+ * URL to Mobile App deep link used by Wallet Connect
+ *
+ * @param data
+ */
+export const walletConnectDeepLinkUrl = (data: string) => {
+  if (genericLog.enabled) {
+    genericLog(`Wallet Connect link: ${data}`)
+  }
+
+  const urlData = new URL(data)
+  const redirectUrl = location.href.replace(
+    '&modalTemplate=ConnectWallet&modalSize=auto',
+    ''
+  )
+  const deepLink = `${MOBILE_APP_DEEP_LINK_PREFIX}://wallet-connect/${urlData.pathname}${urlData.search}&redirectUrl=${redirectUrl}`
+
+  if (genericLog.enabled) {
+    genericLog(`Mobile App link: ${deepLink}`)
+  }
+
+  return deepLink
+}
diff --git a/utils/numberToHex.ts b/utils/numberToHex.ts
new file mode 100644
index 00000000..c0d305b2
--- /dev/null
+++ b/utils/numberToHex.ts
@@ -0,0 +1,15 @@
+import { numberToHex as web3numberToHex } from 'web3-utils'
+
+/**
+ * Wrap function into try catch block to not break app when it fails
+ *
+ * @param value
+ */
+export const numberToHex = (value: string | number) => {
+  try {
+    return web3numberToHex(value)
+  } catch (error) {
+    console.warn(`Couldn't convert number to hex with value ${value}`, error)
+    return ''
+  }
+}