how to fixed image in corner screen

Resolved thehinhcom
(@thehinhcom)

2 years, 9 months ago

Hi

I want to fix an image in the upper right corner of the screen and that image will always stay in that corner even if I resize the screen bigger or smaller, what should I do?

Demo like this site: https://themexriver.com/appilo-theme/digital-agency-dark/

Thanks

Viewing 8 replies - 1 through 8 (of 8 total)

Elementor Team
(@talmo)

2 years, 9 months ago

Hi,

I have looked at the website and the image change size when I zoom in or out.

Can you please send a link to a screencast?

Also, which version of Elementor do you use?
Thread Starter thehinhcom
(@thehinhcom)

2 years, 9 months ago
Hi

sorry, i was wrong, exactly the image will not change position and always stay in the right corner close to the screen margin.

Like this
Before zoom: https://i.imgur.com/oG8YQZz.png
After zoom: https://i.imgur.com/loL4ljK.png

Elementor Version 3.6.5

Thanks
- This reply was modified 2 years, 9 months ago by thehinhcom.
Elementor Team
(@talmo)

2 years, 9 months ago

Hi,

I am having a hard time understanding the issue.
This is a typical browser setting to keep everything as it should with changing view size.

If the image is sticky to that corner it won’t change position and become full, it will stick to the corner and get smaller.
Thread Starter thehinhcom
(@thehinhcom)

2 years, 9 months ago
Hi

I don’t care about the image size, I’m asking about how to keep the image fixed to the corner of the screen at any screen size.

For example, here is the photo location at my screen size: https://i.imgur.com/xqPK0WV.png

However, when going to another, larger screen, the image is no longer in the corner of the screen: https://i.imgur.com/RjVeRCP.png.

I want the image to always stay in the corner of the screen in all different screen sizes

thank you
- This reply was modified 2 years, 9 months ago by thehinhcom.
Elementor Team
(@talmo)

2 years, 9 months ago

Hi,

I do not seem to have that issue on my big screen, it might be a browser issue.

Which browser do you see in on like that?

Here is my screen –
https://ibb.co/cLJCnkr

Thread Starter thehinhcom
(@thehinhcom)

2 years, 9 months ago

Hi

`Hi

This site: https://themexriver.com/appilo-theme/digital-agency-dark/ is not the problem site, but I’m trying to make it look like this

Here is my website: http://deo.network/deo-media/

Thanks

Elementor Team
(@talmo)

2 years, 9 months ago

Hi,
I have checked it and the way to tick it to the right is by using the flexbox container experiment by going to elementor > settings > experiments
Then add the image to the page, click on the Advanced tab, and change position to absolut, moving it over to the corner and clicking on the Horizontal orientation to the right.

Have a look here –
https://ibb.co/xMrJxHn

Thread Starter thehinhcom
(@thehinhcom)

2 years, 9 months ago

Hi

I made it, thank you so much for patiently supporting me

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘how to fixed image in corner screen’ is closed to new replies.