-
Posts
-
Hi,
Take a look at our about us page to show our team and resize the page to a mobile resolution. I am not sure if I need to change the image size or if there is something else that is throwing this off. You will see the link box below the team member’s photo is not the same width as the team members photo. Your demo site does this properly. How do I fix this?
justmind.org/about-us-2/
Hey justmind,
Can you try to upload images with atleast 400px in width and height for team members? this would make it look better for both desktop and mobile, if you can’t produce the image size I have mentioned and desktop is okay, you can try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) { img.avia_image.avia_image_team { width: 100%; } }Hope this helps :)
Best regards,
NikkoOkay, so I already have some quick css in there. Will these two work together and not cause issues?
@media only screen and (max-width: 480px) {
.avia-caption.av-slideshow-caption { display: none !important; }}@media only screen and (max-width:767px) {
img.avia_image.avia_image_team {
width: 100%;
}
}
- You must be logged in to reply to this topic.