Only title in mobile slider

Travelify
1

Hi There,

I would like to show “only title” on sliders on mobile site. I found a solution on Sparkling forum in below link.

https://colorlibsupport.com/t/mobile-website-not-showing-text-on-slider/

However the direction that CSS must be placed is not available in travelify. Can you let me know where should I put the mentioned CSS code in order to show “only title” only sliders on mobile site?

2

Hello there,

I hope you are doing well today.

So to be clear, on the mobile site, you want the slider not to have the images and only display text?

Best Regards,
Support

3

Hi there,

Nope, I would like to have the images with only title but without the excerpt.

Can you also let me know which direction I should put the code.

Thanks in advance.

4

Hi

The code should be placed in appearance > customize > additional css (at the bottom)
if you can’t see this field this is WordPress problem, you can also use this plugin for custom css WP Add Custom CSS – WordPress plugin | WordPress.org

5

I put the already shared code to the area where you mentioned. However it doesn’t work to me. I attached the screenshot.

Do I something wrong?

6

HI

Please provide link to the page

7

Hi Noda,

It is ilkerinseyirdefteri.com

8

Hello there,

Please tyr out this CSS code:


.featured-content {
    display: none;
}

Best Regards,
Support

9

Hi,

The mentioned CSS code worked for desktop version however there is still not available on mobile version.

You can find the screenshots in attachment.

10

Hello there,

For the mobile version, this CSS will help:


@media only screen and (max-width: 1000px){
.featured-content {
    display: none;
}
}

Best Regards,
Support

11

Hi There,

Unfortunatly it did not work out :frowning:

12

hi there

In order to make it visible you have to add this css:

@media only screen and (max-width: 767px){
.featured-text {
display: block !important;
}
}

but please note, once you do this title will appear but its not styled, its not mobile ready, this is the reason why its hidden and not recommend to uncover

13

Hi,

Thank you for the code. Now the title box apprears but not the writings.

If I understood well, this is what it is currently.

Hoping to get the improvement soon.

Thanks for your help.

14

Hello there,

You can use this code to make the text appear but it is not very appealing because there is too much text to display:


@media only screen and (max-width: 767px){
.featured-title, .featured-content, .featured-text {
    display: block;
    font-size: 9px;
}
}

Best Regards,
Support