Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10042660
    SkyBkue7
    Participant

    Hi! I appreciate your help; The title on the revolution slider works perfectly on all devices except on mobile, because I am placing a larger title, can you help me to make this title smaller only for mobile view and also make this title a two-lines title? Thank you in advance.


    #10042663
    Support
    Keymaster

    Hello, on revolution slider you can set the font size for responsive breakpoints, so you can reduce the font for small resolutions, here’s an example:

    <h1 class="tp-caption font-weight-semibold text-color-light tp-static-layer"
    		data-x="center" data-hoffset="0"
    		data-y="center" data-voffset="-50"
    		data-start="800"
    		data-startslide="0"
    		data-endslide="99"
    		data-fontsize="['76','40','40','40']"
    		data-lineheight="['70','40','40','40']"
    		data-transform_in="y:[-300%];opacity:0;s:500;">Text</h1>

    You can also add a custom class and a css, for example:

    <h1 class="tp-caption my-custom-class font-weight-semibold text-color-light tp-static-layer"
    ....

    (css/custom.css)

    @media (max-width: 991px) {
        .my-custom-class {
            font-size: 40px !important;
        }
    }

    If the problem persists, please send me the URL of your site.

    Kind Regards.


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