Tagged: Responsive Images
1st problem: When the browser screen is narrower, but before it changes to the mobile menu, the navigation at top and the logo overlap each other.
2nd problem: For each page under Market Info (country main pages)
There is a section for the staff picture. This picture changes size with the browser. Larger makes the image look bad. I’d like to be able to set these images not to be responsive.
Thank you in advance for your assistance,
Stephanie
Hi, I was able to find the answer and fix to the first issue with the overlapping menu/logo. But still struggling to find the answer for the second issue with the Team Member images not looking good at all screen sizes. Need to keep them the same size 202px wide for all screens and also have those elements center aligned within the space.
Thanks!
Hi,
Great, glad you found the solution for your first problem. Please try the following in Quick CSS under Enfold->General Styling for you second problem:
.team-img-container img {
width: 202px !important;
}
Best regards,
Rikard
Thank you, that was very helpful.
Hi,
We’re glad that Rikard was able to help. Do you have any other questions about this topic, or can we close this thread?
Cheers!
Sarah