Special Offer: Get All 151 Premium WordPress Themes for Just $99.99 $59.99 Purchase Now Learn more

tMedicine Theme: Resolve issue with Slider Text under Mobile

tMedicine Theme: Resolve issue with Slider Text under Mobile

Our tMedicine Theme comes with built-in Slider. If you enter a longer text for slides, it may not be displayed properly under Mobile screens. Here is how to resolve such issue:

Option 1. Increase Slider height under Mobile

Out theme comes with a Customizer option to change slider height under mobile:

Admin Panel -> Left Menu -> Appearance -> Customize -> ‘Slider’ Section -> Slider Height in Pixels (Small Resolution)

You can enter a bigger value for height such as 500 (height value in pixels) and and save changes by clicking on ‘Publish’ button.

The above will increase slider height under mobile screens and there will be enough space for the longer slide text. If you don’t like the new look if your slider, you may apply some of the other options.

Option 2. Reduce Slide Text Padding and Font Size Under Mobile

It will require adding a small CSS code:

Admin Panel -> Left Menu -> Appearance -> Customize -> ‘Additional CSS’ Section -> Insert the following code:

@media screen and (max-width: 799px) {
.fs-block figcaption p {
    font-size: 11px !important;
    padding: 0 !important;
}}

and Save changes by clicking on ‘Publish’ button.

Option 3. Hide Slide Text under Mobile

Another option would simply to hide slide text under Mobile. It also will require add a small CSS code:

Admin Panel -> Left Menu -> Appearance -> Customize -> ‘Additional CSS’ Section -> Insert the following code:

@media screen and (max-width: 799px) {
.fs-block figcaption p {
    display: none !important;
}}

and Save changes by clicking on ‘Publish’ button.