Layout Issues on Different Sized Screens
So I am trying to set up an A/B Test for my website. I've moved some boxes around and changed the layout. I click save and once the test starts running, it looks fine. When I move over to a bigger screen, the size stays relative to the screen size I created/ran the test in. So it would look small and not stretch out like how I would like it to.
Do you know why I am running into this and ways I can fix this? I am not too familiar with coding, but any hints into the right path is good enough for me.
The behavior you are seeing may be due to the method used to move the elements on the site. If you are using Optimizely Classic, then I would recommend using "Rearrange" instead of "Move/Resize". If you are not familar with code, you can restrict your audience by device using the Device audience condition.
Here is a link for more info on how to use the Device audience condition:
window.innerWidth > 1080
Thanks for your response. Rearrange does not work for me when I am trying to "resize" the blocks. I also do not want to put a restriction to only some devices as I want all of my visitors to have the same chance to view version B on any device/window.
Do you think this is something I need to speak to m developers about?
>Do you think this is something I need to speak to m developers about?
It may be better to reach out to your developer to have them provide you with the code that will apply the changes you want dynamically.