Shorten Long Headings For Mobile

Hello!

Try use this CSS:

@media screen and (max-width:600px){
	.lwptoc_i {
		display: block !important;
	}
	.lwptoc_item {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #aaa;
	}
}

Add this CSS to style.css in your theme or use plugin for add custom code to site.
For example, you can use our plugin LuckyWP Scripts Control and add code:

<style>
 ... CSS ... 
</style>

• This reply was modified 3 years, 10 months ago by LuckyWP.

Good!

@gpwebnut If you have a time, please rate the plugin here: https://wordpress.org/support/plugin/luckywp-table-of-contents/reviews/#new-post