Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #1427592

    Hi folks. In the mobile version of my homepage I have one button and two button rows (one below each other), I’ve increased the Icon size of these buttons as per your instructions in the documentation page.

    Now the issue is: the text is NOT vertically centered. I’ve struggled to find a CSS adjustmnet to get it centered…
    Could you please help me?

    This is the text I want to vertically center:

    In private username/pw to access my staging area version website.

    Thanks in advance!


    Hey Angelo,
    Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
    #top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
        vertical-align: middle;

    After applying the css, please clear your browser cache and check.

    Best regards,


    Thanks MIke, I forgot to thank but it works great. Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Button row, vertically center the text’ is closed to new replies.