Rich-text Reply

My call to action button is changing on mobile

kmatthes 06-06-16

My call to action button is changing on mobile

Hi,


I have created a test with a new color call to action and new wording in it. But when my website go responsive on mobile the button changes back to the original. Everything else stays the same as for the test


What to do?

Level 1

AllisonR 06-07-16
 

Re: My call to action button is changing on mobile

Hi there,

 

It sounds like the site uses media queries to display different buttons based on the user's screen size. Media queries can also be used within your Optimizely experiment however this will require a bit of understanding of the CSS rules in place on your site. Our knowledge base article here goes into more detail about implementing responsive variation code in your experiment. 

 

Another option would be to set up two separate experiments: one targeted towards only mobile devices which changes the mobile version of your CTA, and one targeted to only desktop. You can load the mobile version of you site in the Editor to set this up using the Editor Settings described here.

 

Does this help? 

 

Best,

 

Allison
Sr. Technical Support Engineer
Optimizely | EMEA
Optimizely