Hi, im having an issue where the Template does not display exactly in web browser as in the editor.

Basically the add to cart button or in this case “Participate” button is moving when loading the page in the web browser to view the edit,

please see images.

The image with the participate button at the bottom of the numbers is how the participate button looks in the editor, this is also how I want it to look.

The other 2 images where the participate button  is at the side of the numbers (the black bar at the side of the numbers), this is how it loads in a web browser once I save the template.

I am developing the website using locally using “local by fly wheel”, im not sure if this makes a difference. I can’t seem to fix it.

any help would be much appreciated.

Thanks