Archived topic

picture not round on mobile

5 replies · Started by Mark on October 27, 2021

Viewing posts 1–6 of 6

October 27, 2021 at 10:18 am #1978981

I have a GP site at quin-wezeman.online.

On the Desktop, the picture on the homepage is round (I have used border-radius 50%.

However, on mobile the picture is oblong. Do I need to do something extra (like adding some CSS) to make the picture round on mobile as well as the desktop?

Thanks

Mark

October 27, 2021 at 11:06 am #1979061

Hi Mark,

Give this CSS a try:

.elementor-725 .elementor-element.elementor-element-afd55a1 img {
    width: auto;
    height: auto;
}

October 27, 2021 at 11:11 am #1979069

Ying,

Thanks for getting back to me. I put that CSS code in the "Additional CSS" in the customizer, but the headshot still comes out oblong on portrait mode on my iPhone (it looks right when I rotate the phone to landscape mode though.)

Mark

October 27, 2021 at 11:54 am #1979138

Hum..I don't see the CSS has been added to your site yet, can you make sure cache is cleared?

Let me know :)

October 28, 2021 at 4:29 am #1980162

Ying,

Thanks! I must have forgot to save something. Works fine now.

Mark

October 28, 2021 at 9:13 am #1980891

No problem :)

This archived topic is closed to new replies.

Start building better websites today.