Making Button Positions Non-Responsive

williamsville

On desktop, I want a button to be centered, and always below the "Get Started" button (see photos) - but when I get it right on my laptop, it's not in the correct position on a desktop (looking like the photo attached where it is covering the button). And if you change the screen size at all, it moves with the page, which is great for some uses but not this particular one.

[Williamsvillewellness.com](https://)

Williamsivll

What is the CSS for desktop to fix the position? I've seen you all post it for centering it vertically, but not fixing it's location horizontally.

JonasT

Hi,

Thanks for your message.

I would recommend you to make a Buttonizer "Get Started" button. In this way it would be easier to center the buttons under "Get Started".

I hope this helps.

Jonas

williamsville

This does not help. The Get Started button is what we originally had, but it would cover up menus when they were dropped down, and I had tried to get it centered as well, but it was impossible because it's different on different computer screens. What's centered on one, is covering a menu on another... Or if we put it in the right corner, it covers the menu when they're dropped down. I've tried everything that's possible within the app, sans code.

williamsville

JonasT

Hi,

Apologies for the late response.

You may be able to achieve this by adding Custom CSS to the CSS editor we have made available for our users. You can find it in the container 'Custom ID & Custom Class' under the 'Advanced' tab.

Can you copy and paste the following piece of code into the editor and see if the buttons show up under the 'Get Started' button.

.buttonizer .buttonizer-group {
  right: 50% !important;
  top: 200px !important;
  bottom: unset !important;
  transform: translateX(50%);
}

@media screen and (min-width: 900px) {
 .buttonizer.buttonizer-group {
   top: calc(330px + 5vw) !important;
 }
}

I hope this helps.

Jonas