Home Forums Porto Template make responsive word-rotate-items

This topic contains 1 reply, has 2 voices, and was last updated by  Support 11 months, 2 weeks ago. This post has been viewed 401 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #10023763


    Hello, the items into word-rotate-items span exceed mobile screen. I know its are containing more than one word but it’s absolutely necessary for the sense of the header.

    ¿Any suggestion?

    This is the code where I need adapt the size for mobile:

    <h1 class="mb-sm word-rotator-title">
            Te ofrecemos 
            <strong class="inverted">
                    <span class="word-rotate active" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
                    <span class="word-rotate-items" style="width: 305px; top: -138px;">
                    <span>clases de programación</span>****
                    <span>clases de linux</span>
                    <span>clases de redes</span>
                    <span>asistencia técnica</span>
                    <span>reparación de equipos</span>****
                    <span>soporte remoto</span>
                    <span>clases de programación</span></span>
    	para particulares y empresas.

    Lines with asterisks are what I need to adapt.

    Thanks in advance.



    Hello, in that case you would have to reduce the font-size on mobile, using the following css code:


    @media (max-width: 992px) {
    	h1.word-rotator-title {
    		font-size: 2em;

    Kind Regards,


Viewing 2 posts - 1 through 2 (of 2 total)