Call to action buttons on mobile view


#1

Hello, once again. Hope you’re doing well and have time to look into my little problem.
I don’t really know if this a bug or I’ve done changes to get such view or may be it is just because of long signs, but call to action buttons looks really strange on mobile phone.
Here is a screenshot -


Any ideas how to make them look good? Smaller or one above other?
Link to my site - click
Thanks


#2

Hi,

It’s because you have too long text and too big font-size on your Buttons, that can break into 2 lines to fit on smaller screens, but you can fix it by using a smaller screen-size on smaller screens, so please try this Custom CSS:

@media only screen and (max-width: 660px) {
.header-button {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
}
}

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Best Regards,
Csaba


#3

Thank you. Solved)


#4

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba