Problem with scrolling on mobile device and centering text in column

[Luketina]

I have problem on my site with scrolling on mobile device (on desktop is all ok). Second problem is centering text in column that i cant set on mobile device. I sent image of text that i cant center in attachment.

[prakash_s]

Hello @Luketina,

Thanks for writing to us.

To center the text on small screens, I suggest you go to the text column -> customize -> Element CSS and add this custom CSS code.

@media(max-width:768px){
$el:is(.x-effect-enter) {
    transform: translate(0rem, 0px);
}
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. If you have no idea about coding, you can subscribe to One, where customization questions are answered.

Hope it helps.
Thanks

[Luketina]

@prakash_s

@media(max-width:768px){
$el:is(.x-effect-enter) {
    transform: translate(0rem, 0px);
}
}

Thank you, that solved my text centering problem.
I still have problem to scroll on mobile phones (it is somehow stuck), can you see what is happening?

[Luketina]

I fixed stuck in scrolling, I set footer bars to Overflow-Hidden and everything works fine. Thanks!

[prakash_s]

Glad that things are well for you.