Aligning image vertically

[SupK]

Hello, I know there are so many answers about this. I’ve tried the following css already. It didn’t work out.

float:none;
display:inline-block;
vertical-align:middle;

How can I align my image vertically?

Summary

moved to secure note

Thank you in advance.

[friech]

Hi There,

Thank you for writing in, please add a Gap element on top of your Image element, set a size to your Gap that is just enough to push the image in the middle.

Hope it helps,
Cheers!

[SupK]

Hello Friech,

By adding gap, I can move the image element to the middle in the desktop. However, it adds unnecessary space in mobile. Is there any other way to achieve this?

Thank you for your kind supports

[friech]

Hi There,

Like any other elements, Gap element has a Hide During Breakpoints option under its Customize panel, so you can easily hide it on any specific screen size.

Classic Gap element has that option too.

Hope it helps,
Cheers!