[-coreParticipant]

Hi,

i need some help in making the buttons on my page responsive. It is fine when viewed on Desktop, but when in mobile, the buttons are off-centre and cut off.

How can i make the button look the same when on Desktop and Mobile?

Thanks!

[-coreParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Thanks for writing in!

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 767px) {
.page-id-72 .entry-content .x-btn
   width:auto;
}
}

Hope that helps.

[-coreParticipant]

Hi Paul,

thanks for the reply.
However, that does not work and the buttons are still the same.

[JoaoModerator]

Hi There,

Please add the following code to Appereance > Customizer Custom CSS

@media (max-width: 700px) {
.x-btn.x-btn-transparent, .x-btn.x-btn-transparent:hover {
    font-size: 17px;
    max-width: 350px;
} }

Hope it helps

Joao

[-coreParticipant]

Hi Joao,

that works perfectly!
Thanks so much!

[FriechModerator]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts