the preloader on mobile version has just two words that are too long and "go outside the screen" (on the right side).
Is it correct to manipolate the CSS class "preloader-intro" to center the words in the center of the screen and/or the class "preloader-list" to change the font size?
Hi there,
the preloader on mobile version has just two words that are too long and "go outside the screen" (on the right side).
Is it correct to manipolate the CSS class "preloader-intro" to center the words in the center of the screen and/or the class "preloader-list" to change the font size?
Thank you
Attached files: Mobile_Preloader.png
Hello Matteo,
this is the default css for the preloader words on mobile
@media only screen and (max-width: 479px){
.preloader-intro {
font-size: 14vw;
line-height: 18vw;
height: 18vw;
}
}
so you can modify the size and the other attributes and you can keep the original units or you can specify the size in pixels (px)
add the modified code to customizer -> additional css
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi there,
thank you very much for your answer, I'll test it and adjust it. This ticket can be closed.