Docs

[Andrei]

Hi,

I have some images on my home page and a call to action text. I would like to keep this text in the center of the screen, even if scrolling or changing from portrait to landscape. I know I can achieve this with sliders, but I don’t want to use sliders because they make my website sluggish on mobile.

My website is //sinestezic.com.

I attached an image in which you can see the text I am talking about.

Thank you.

[Friech]

Hi There,

Thanks for writing in! The custom headline is already horizontally center, you can add a
margin-top: 25%; to its style field so it can be vertically center as well.

Hope it helps, Cheers!

[Andrei]

Hey Friech,

Sorry, it doesn’t work. The text is still there. Is this solution making the text stay in the center of the screen when I scroll down on landscape? I attached some images for a better understanding.

[Andrei]

Sorry, one last image.

[Paul R]

Hi Andrei,

You need to set your images as background images so you can properly position your text over it.

Thanks

[Andrei]

Hi Paul,

Thank you for your reply. Ok, I deleted all the photos and I put a background image. I attache3d the result. How do I bring the bottom menu to the bottom and the text to the center and make this responsive? Thank you.

[Rupok]

Hi there,

It seems you have the below code :

@media (max-width: 1200px)
.x-colophon.bottom {
    position: relative;
    background-color: white!important;
}

Let’s remove position: relative; and you will get the expected result I believe. If you still need help, add a screenshot of what you are trying to achieve.

Cheers!

[Andrei]

Thank you very much Rupok.

[Thai]

If you need anything else please let us know.

[Author]

Posts