Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 9, 2017 at 4:39 pm #849963
    VM

    Hi.

    In mobile version avatar is on incorrect place.
    Avatar appears over the name, but I want it at the left of the name.

    Please find image attached.

    Thank you.
    Regards.

    September 9, 2017 at 11:29 pm #850014
    Mike

    Hey vmoralestejedor,
    Please provide a link to the page in question, I searched your site but only found your posts with no image.
    also, when viewing the same post on a larger screen, is the image to the left or above?

    Best regards,
    Mike

    September 10, 2017 at 12:22 am #850018
    VM

    Hi Mike.

    I remove avatar feature in my web until I can solve this issue.
    Yes, in desktop view is perfect, I think is a margin issue.

    Thanks.

    September 10, 2017 at 8:47 am #850069
    Rikard

    Hi,

    Ok, thanks for the feedback. We need to be able to inspect the element in question in order to give you correct CSS though, could you create a test page or something like that maybe?

    Best regards,
    Rikard

    September 10, 2017 at 9:45 am #850083
    VM

    Hi.

    The thing is this issue affect at all the web since I put “avatar on” and I dont want a user bad experience long time.

    Please when you are going to check, “put avatar on” in order to check in my web

    Thank you.

    September 10, 2017 at 4:32 pm #850137
    Mike

    Hi,
    OK I have checked in Android, Firefox, & Chrome, with no issues. So it seems to only happen in iPhone, I will ask a team member to check. Which one are you using?
    Please leave the author image on for a little while so they can easily check, thanks.

    Best regards,
    Mike

    September 11, 2017 at 1:09 pm #850461
    Victoria

    Hi!
    The avatar images look a bit off. This can also be seen in Safari responsive mode.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    #top .commentlist ul {
        margin: 0 0 0 40px;
        clear: both;
    }
    .children .comment_content {
        margin-left: 0;
		margin-right: 20px;
    }
    .gravatar img {
        margin-right: 20px;
    }
}

    If you need further assistance please let us know.
    Cheers!
    Victoria

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.