Buttons on working on Iphone APP but working on PC browser

hi

i recently created a simple horizontally stacked card with button that navigate to other views on the UI as per screenshot below. They work fine on a browser on my windows PC and on chrome browser on iphone. However they do not respond on the Home Assistant App on the iphone. Is there any trick to getting this working on the home assistant app?

Home Assistant Core 0.108.5
Operating System 3.12

cards:
  - icon: 'mdi:ceiling-light'
    icon_height: 50px
    name: Lights
    show_name: true
    tap_action:
      action: navigate
      navigation_path: 'http://192.168.1.31:8123/lovelace-serra/1'
      show_icon: true
    type: button
  - hold_action:
      action: none
    icon: 'mdi:security'
    icon_height: 50px
    name: Security
    show_icon: true
    show_name: true
    tap_action:
      action: navigate
      navigation_path: 'http://192.168.1.31:8123/lovelace-serra/2'
    type: button
  - hold_action:
      action: none
    icon: 'mdi:webcam'
    icon_height: 50px
    name: Camera
    show_icon: true
    show_name: true
    tap_action:
      action: navigate
      navigation_path: 'http://192.168.1.31:8123/lovelace-serra/3'
    type: button
  - hold_action:
      action: none
    icon: 'mdi:weather-cloudy'
    icon_height: 50px
    name: Environmental
    show_icon: true
    show_name: true
    tap_action:
      action: navigate
      navigation_path: 'http://192.168.1.31:8123/lovelace-serra/4'
    type: button
type: horizontal-stack

You don’t need to put the ip address in the navigation path. Try putting it like this:

navigation_path: /lovelace-serra/1

That did it. Thanks