Right aligned buttons [not as expected on mobile screens]

Author Posts

robertlo

Heads up! this post was created when Microthemer was at version 4. The current version is 7. Some references to the interface may be out of date.

See http://grasshopperinc.com/franchise-opportunities.php

I am recreating this site. I used MT to css the button text, as you can see on http://173.254.96.214/~grasshq4/franchise-opportunities/. It is aligned right, but on the source site, you’ll see on mobile that the button goes above the paragraph.

With what I’ve made using MT, since it’s right aligned, there on mobile there is still one word to the left of the button instead of it being centered above the paragraph.

How can I do this without creating a mobile only button that is just centered above the paragraph? I know there has to be a better way.

Thanks,
Rob


Sebastian

Hi Rob,

You have set a general style of float:right on the All Devices tab. And so you need to set float to none of the Phone tab. You might also want to give the button a bottom margin for phones. I gathered this information from inspecting your site with Chrome’s inspector:

remove float on mobile

Cheers,
Sebastian


robertlo

awesome support as always. It’s looking good now. And I learned something new.

You must login or register to reply to this topic.