Mobile version issues

Hello,

I’ve recently installed a plugin (WP Mobile Detect) which uses shortcodes to distinguish between mobile and desktop environments.
An Example would be:
[notdevice]
Desktop content
[/notdevice]
[device]
Mobile content
[device]

However, when I try to use the following MiniCorp shortcodes it didn’t work quite as expected:

[device]
[row]
[grid6]
[button url=”#” full_width=”yes”]Ik wil theorieles[/button]
[/grid6]
[grid6]
[button url=”#” full_width=”yes”]Ik wil theorieles[/button]
[/grid6]
[/row]
[/device]

What happens is, the buttons are both the width of the entire page (even though it’s inside a grid6, which should cover only half the page.

I’ve tried using grid3, since I thought that maybe on the mobile version of the webpage grid6 would cover the entire width instead of grid12, but to no succes.

My responsive layout setting is set to responsive (not fixed, which I tried, but didn’t give the result I was hoping for).

Any help would be appreciated.