Home Concept – cloud (position when on mobile device

[sandyms]

I am using the home-concept sun and cloud on the page link I provided.

I added some css to have the cloud not go behind the image when being responsive. That works.

But – On my mobile device, I cant seem to get the cloud from positioning behind the circle photo.

Please advise.

---

Template Version: Latest version

[Support]

Hi,

You can use media queries to change that element position, for example:

@media (max-width: 991px) {
	.home-concept .cloud {
		left: 50% !important;
	}
}

* You can change those numbers the way it looks better in your site.

Kind Regards.

---

[sandyms]

Thanks! I did already have that in my custom css. It does work if I am making my monitor screen smaller.

For some reason it doesnt seem to adjust on my mobile device for the clouds.

Should I remove the lines display block and position absolute?

.home-concept .cloud {
background: transparent url(../img/home/home-concept-icons.png) no-repeat 100% 0;
width: 116px;
height: 56px;
display: block;
position: absolute;
left: 66%;
top: 35px;
}

---

[Support]

Hi,

I could not see that problem here, only in a very small resolution, lower than 320px. So what you could to is to set z-index in that element, for example:

.home-concept .cloud {
	z-index: 1111;
}

Kind Regards.

---

[Author]

Posts