Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 8, 2023 at 5:20 pm #1427592
    mistermagoo8691

    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:
    https://imgur.com/MZVt3jR

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

    Thanks in advance!
    Bye,
    A.-

    December 8, 2023 at 9:45 pm #1427607
    Mike

    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,
    Mike

    December 11, 2023 at 10:05 am #1427748
    mistermagoo8691

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

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