Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #845516

    Hi –

    I’ve several buttons in one column, which look fine in desktop and tablet view. In mobile view, the text for two buttons are centered – not left aligned. It seems that this is happening for buttons with lengthy text. Is there any way to fix using custom css (or another solution)?
    This is happening on my homepage.




    Hi R,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 480px) {
    .avia-button.avia-position-left { 
    text-align: left; }}

    Best regards,


    This worked, thanks. Please close ticket/thread.



    Hi! We’re glad that Yigit was able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

    For your information, you can also take a look at Enfold documentation here –

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already.

    Thank you for using Enfold.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mobile View – Button text centered instead of left align’ is closed to new replies.