Responsive / mobile / long title

batavus

Hi there, I have a button with a rather long title, On desktop en tablet all is good. But on mobile a part of the tile is off stage. In other words the button is not responsible. Is there a solution for this issues?

James

batavus ,

Could you perhaps send us a screenshot on how this looks like?
You can perhaps use a custom CSS to change the font-size or position on mobile.

[deleted] ,

You can perhaps use a custom CSS that would adjust the position on mobile devices.
Customize this CSS to get your desired results:

@media screen and (max-width: 769px){
	.buttonizer {
	  right: 0% !important;
          bottom: 5% !important;
	}
}

Please let me know how it goes! 😁

[deleted]

I have a similar problem. On desktop I would like the button to be central, but on mobile, I would prefer to move the button to the left to accommodate long text

[deleted]

Any feedback team buttonizer?

[deleted]

James
Hi James that worked great in vertical mobile view thanks. However, when I turn my iphone x horizontal the position is not good. See below dropbox links. How can I create a position for vertical view and a different one for horizontal view?

vertical
https://www.dropbox.com/s/nhqkiv60sdxvuel/vertical.PNG?dl=0

horizontal
https://www.dropbox.com/s/t4037umjpiedb30/horizontal.PNG?dl=0

James

[deleted] ,

Glad to hear that it worked!

How can I create a position for vertical view and a different one for horizontal view?

Great question! 🤔

You can specify if the screen is on Portrait or on Landscape mode in CSS.
Here's an updated custom CSS that you can try:

@media screen and (max-width: 769px) and (orientation: portrait){
	.buttonizer {
    left: 0% !important;
    bottom: 10% !important;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape){
	.buttonizer {
    left: 0% !important;
    bottom: 0% !important;
	}
}

Please let me know if this works for you! 😁