Hide Excerpt in Bar on Mobile

Hi! If you go to the Bar control’s settings:
https://doc.smartslider3.com/article/79-bar
then you can turn off the Description – Shows option, and then you would only have the title on your bar. But this would change your bar on Computers too. We don’t really have a mobile/computer option for these controls besides hiding the whole control, but that is only available in the pro version.

Another thing, that might interest you is, that if you are using your slider to show WordPress posts, then this Bar is showing the Description of the slide:
https://doc.smartslider3.com/article/394-slide-settings
and with the generators we have advanced generator functions:
https://doc.smartslider3.com/article/1107-advanced-generator-functions
which means, that if you press the $ sign next to the description, you can select what you would like to have there, and you could limit down the length of that text.

Hi @grapnell,

sorry for the slow answer. You can hide the excerpt on the bar with the following CSS on mobile. Also if you want you can change the 500px in the code, it means that when the screen width falls below 500px, the css will hide that short description.

@media only screen and (max-width: 500px) {
   .nextend-bar div span:nth-child(2){
      display: none;
   }
}

Thank you, that CSS code worked perfectly ??