Hello Beauty – Slider title not showing on mobile

Questions › Category: Customization › Hello Beauty – Slider title not showing on mobile
0 Vote Up Vote Down
cassandra simpson asked 5 years ago

Even though I have it selected to show title text on mobile view, all that is showing in my slider on mobile are the images. Is there something in the coding preventing this from displaying?

cassandra simpson replied 5 years ago

EDITED TO ADD: I got the code deleted and now excerpts are showing on mobile, however I need to know what code to add and where to adjust text size so that the entire title shows. I have pretty long titles for most of my content.

4 Answers
0 Vote Up Vote Down
Jennifer Staff answered 5 years ago

In your style sheet on line 4146 is

#genesis-responsive-slider .slide-excerpt {
display: none !important;
}

delete that and they should show. Keep in mind that if you have long titles you will need to modify the size of the titles and most likely the excerpt width in order for everything to fit.

cassandra simpson replied 5 years ago

where is the code i need to change the size of the titles for the slider? And I am assuming changing the excerpt width I do in the slider settings menu?

0 Vote Up Vote Down
Jennifer Staff answered 5 years ago

You would need to add it to your style sheet and modify it based on the device size. This will shrink the titles down to 16 on anything smaller than 650.

@media only screen and (max-width: 650px) {
#genesis-responsive-slider a {
font-size: 1.6rem;
}
}

cassandra simpson replied 5 years ago

not sure why but this exact code is having no effect. I also tried leaving out the top line and adding to my style sheet under

@media only screen and (max-width: 500px) {

theres no change when i clear my cache and open home page on mobile. So I removed the code so all would be as it was. I would appreciate you taking a look you have my login info from the blog grid support request.

0 Vote Up Vote Down
Jennifer Staff answered 5 years ago

It may be from where it is being added, or that the titles are already that size and need to be smaller. What page on your site is the slider showing?

cassandra simpson replied 5 years ago

It is showing on the main landing/home page

0 Vote Up Vote Down
Jennifer Staff answered 5 years ago

Logged on and added that code to shrink it on mobile. Also adjusted the width and line height so they fit. It is hard to read over the images, did you want a transparent white background, or maybe dark background behind the title?

cassandra simpson replied 5 years ago

a transparent white background would be a wonderful idea! Is there a way to do that so the background appears on all sized screens?

Jennifer Staff replied 5 years ago

Just added it.

cassandra simpson replied 5 years ago

WOW that looks SOOOOOO much better!! ty for the suggestion and all of your help <3