Homepage image larger on mobile

Support
#1

I have an image on my homepage. I like how it views on desktop version, but it’s too small on the mobile version. I followed the css element code on this post, but it isn’t working. What can I do to adjust the image so the text at the top image is more readable on the mobile version? You can see the top image by visiting Humanity-x.com. Thank you.

#2

Hey Brian,

Please try adding this code to the Image element’s Element CSS:


@media (max-width: 480px) {
    $el.x-image img {
      transform: scale(1.6);
      margin-top: 50px;
    }
}

Hope this helps.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.