images are not aligned center on mobile

  • Resolved zhel98

    (@zhel98)


    4 years, 1 month ago

    The problem is that featured images cannot be aligned center on mobile. I know that this problem is quite popular among newbies but I have tried various css codes from different forums and webpages NONE OF THEM WORKED.
    P.S: I have added following CSS: 

    img {
  width: 100%;
  height: auto;
}

    because images on mobile were aligned right for some reason.
    This how it looked before the code and This after I insterted the code.

    • This topic was modified 4 years, 1 month ago by zhel98.
    • This topic was modified 4 years, 1 month ago by zhel98.
    • This topic was modified 4 years, 1 month ago by zhel98.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter zhel98

    (@zhel98)

    Nvm
    Through the browser feature (inspect code) found what was causing this issue.

    @media screen and (max-width: 559px){

.entry-media img {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% + 60px);
    border-radius: 0px;
}
}

    This code fixed my issue

    Branko

    (@brankoconjic)

    Hey @zhel98,

    I’m glad you solved the issue. Let me know if you need help with anything else.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘images are not aligned center on mobile’ is closed to new replies.