Support » Plugin: Meks Smart Author Widget » Responsive avatar size + always on a line above text

  • Resolved sjcallas

    (@sjcallas)


    Hi, I went through some previous questions here and I added the following CSS to my child theme in order to center the text and add a bit of padding between the text and the avatar.

    .mks_author_widget img{
      -webkit-border-radius: 50%; 
      -moz-border-radius: 50%;
      border-radius: 50%;
    	padding-bottom:15px;
    }
    .mks_author_widget {
    	text-align:center;
    }

    I now want to make the avatar size responsive and for it to exist on a separate line above the text, that way when the avatar gets smaller it doesn’t wrap with the text, it will always be above it. Currently if the avatar size is pre-set in the widget, it stays that size across the board. But as the screen size gets smaller, I want the avatar to get smaller too, so it will always resize to 100% or 75% of the widget area.

    Thank you!

Viewing 1 replies (of 1 total)
  • Plugin Author Meks

    (@mekshq)

    Hi,

    You can solve this by adding some media queries to your CSS but the proper code varies depending on your specific theme styling.

    I would suggest to contact us directly via https://mekshq.com/contact and we would be glad to help.

    Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive avatar size + always on a line above text’ is closed to new replies.