Setting up two external monitors through VGA nd HDMI each, with AMD radeon r5 graphics; Ubuntu 18.04

I am trying to set up two external display monitors in addition to the in-built display. I first used a VGA splitter and connected both the monitors but they came up as mirrors of each other, which is not what I want - I want three distinct screens. I then used one with the VGA port and the other with the HDMI port (using a connector), but now strangley neither gets detected when I go to SETTINGS > DISPLAYS. I can use both of them individually, and in either of the two sockets (HDMI/VGA), so I know its not a hardware issue as such. According to this resource: https://www.notebookcheck.net/AMD-Radeon-R5-Beema.122502.0.html the system graphics should support two external displays.

The output of xrandr when only the portrait monitor is connected is:

Screen 0: minimum 320 x 200, current 2446 x 1920, maximum 8192 x 8192
XWAYLAND0 connected 1366x768+1080+0 (normal left inverted right x axis y axis) 310mm x 170mm
   1366x768      59.98*+
XWAYLAND1 connected 1080x1920+0+0 (normal left inverted right x axis y axis) 480mm x 270mm
   1080x1920     59.96*+

The output of xrandr when only the landscape monitor is connected is:

Screen 0: minimum 320 x 200, current 2732 x 768, maximum 8192 x 8192
XWAYLAND0 connected 1366x768+0+0 (normal left inverted right x axis y axis) 310mm x 170mm
   1366x768      59.98*+
XWAYLAND2 connected 1366x768+1366+0 (normal left inverted right x axis y axis) 410mm x 230mm
   1366x768      59.62*+

And the ouput of xrandr when no monitor is connected is:

Screen 0: minimum 320 x 200, current 1366 x 768, maximum 8192 x 8192
XWAYLAND0 connected 1366x768+0+0 (normal left inverted right x axis y axis) 310mm x 170mm
   1366x768      59.98*+

Any help in figuring this out will be much appreciated... Thanks.