480px & smaller page break doesn't match my phone

[Shaman22]

One example is on the Transformational Coaching page…

The “Click Here To Apply” button…

When looking at it in the editor 480px & smaller it is centered.

When I pull it up on my Android phone the content is on the left margin with 2 lines instead of one and the button is off centered to the right.

[ruenel]

Hello Guiseppe,

Thanks for writing in! Please edit your page and click your button. In the button settings, remove the left margin and then align the text to the center.

Hope this helps.

[Shaman22]

Hello,

That was helpful.

Now, in the editor, the text in the button is in one line and on my phone it is 2 lines.

Thank you.

[thai]

Hi Guiseppe,

You can reduce the font size of button on mobile version by add this element:

@media (max-width: 480px){
     $el {
          font-size: 12px !important;
     }
}

Hope it helps