Call to Action button on Jumbotron text exceeding

Hi there,

My text within my buttons are overflowing on the mobile chrome browser.

Anyway I can make the button size responsive to the text? Thanks!
https://enjoytv.my/

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
Sorry, but could you show me a screenshot of the problem?

Thanks!
Colorlib Support Team

Hi there,
I have attached a screenshot below. the 2018 should be within the button.

Thanks :slight_smile:

Hello!

Please give the following code a try:


@media screen and (max-width: 400px) { body #header .bottom-header .header-button-one {
    padding: 0 10px;
}
}

Please add it in Appearance > Customize > Additional CSS. This should fix! Please let me know how it goes.

All the best,
Mihaela

Thanks, that fixed it!

Follow up question: Any way I can change the size of the button?

Thanks :slight_smile:

hey there

Please add this CSSĀ in appearance - customize - additional CSS

#header .bottom-header .header-button-one {
    padding: 0 103px;
}

Thanks!
Colorlib Support Team

Got it, Thanks!

Hi, there

Nice, to hear your problem is fixed:) Now I will now close the topic and mark it as resolved. Feel free to contact us again Thanks!