Issue with Button on mobile

[Cyrus]

Howdy,

I saw a similar question, but the fix did not work on my site.

I’ve noticed that on my site the button I am using at the top my home page (medium) seems to get cutoff on small mobile screens (it is too big for the screen).

My website is py(nospace)vt.com

Is there a potential css or backend fix for this?

Thank you

[Alexis]

Hi @cykarlboston ! The CSS fix you saw on the other thread is intended for the largest button setting. It wouldn’t work for other button sizes. Here’s some code that you could use in your custom CSS:

@media (max-width:400px){
    .ub-button-flex-medium{
        min-width: initial;
    }
}

I noticed that you used the button block a few more times on your site’s homepage. In all cases, their sizes were set at small. The CSS code above is for medium-sized buttons, so the small buttons shouldn’t be affected. However, if there’s another medium button that came from Ultimate Blocks somewhere else in the site and you don’t want the CSS code above to affect it, it will need to be rewritten.

Please let us know how it goes.

[Cyrus]

Great, yes for now we are just using one medium button. I should have realized it was for the large button.

Thx!