Title size

[SkyBkue7]

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.

---

[Support]

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.

---

[Author]

Posts