Button on Main Header Image issue


Hi Guys,
So i have added a button to the main header image (Register Button) however this button is floating when using different computers with different size monitors. depending on the monitor size, the button could overlap with my logo. Is there a way i can permanently set the position of the button?



Hello there,

Did you add some extra custom CSS code? If so, please share it here and temporarily remove it from your site. Then I could suggest you with better ones.



this is what i put in css


  • Register for your free pendant Button */

button, .header-button.right-button, .button, input[type=“button”]:focus, input[type=“reset”], input[type=“submit”] {
padding-left: 30px;
padding-right: 30px;
margin-right: 1040px;
margin-top: 320px;


Hello there,

That code causing some position issues to the main slide button as it uses .button as well. Could you please tell me what the purpose of that code is? I saw the main header button is now removed.