Home Forums Porto Template make responsive word-rotate-items

This topic contains 1 reply, has 2 voices, and was last updated by  Support 1 week, 1 day ago. This post has been viewed 44 times

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

    ch3ssmaster
    Participant

    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>
            	</span>
            </strong>
    	para particulares y empresas.
    </h1>

    Lines with asterisks are what I need to adapt.

    Thanks in advance.


    #10023766

    Support
    Keymaster

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

    (css/custom.css)

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

    Kind Regards,

    Jonas


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