CTA button in the menu going left in mobile menu

Hi !

to personalise the menu I added a CTA button for the “contact” page, with this :

.cta-contact a{
background-color: #d65050;
width: 90px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.cta-contact a:hover {
background-color: #FFFFFF;
width: 90px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius:4px;
}

It is fine on desktop, but when I switch to mobile screens, the red button goes left and sticks to the left margin, like here : http://www.soielinsoitlautre.com/perso/pb-ctabutton-in-menu.jpg

So - as a beginner - I tried this :
@media only screen and (min-width: 1025px) {
.cta-contact a{
padding-left: 50px !important;
}
}
… but it is not the good solution.

Any idea guys ?
Many thanks for your help !
Séve

Hello there,

Thank you for sharing the code. But I still couldn’t provide you the solution until I inspect it directly. Would you mind sharing your the page URL where I can see that button? If you want it to remain private, share it to my email kharisblank@gmail.com and mention the link to this thread in your email body.

Regards,
Kharis

Hi Kharis,
I’d love to share a link but I’m working on localhost.
Shall I copy some more code for you ?

Best regards,
Séve

Hello there,

I am not sure it will help. I am happy to wait until your site goes live. Let me know when it does.

Regards,
Kharis