CSS not applicable to mobile

My custom CSS is currently the following

.tptn_title { font-family:lato;
font-size:14px;
}
  
.tptn_posts_daily ul, .tptn_posts ul {
	margin:0 !important;
	padding:0 !important;
}

.tptn_posts_daily ul li, .tptn_posts ul li {
	list-style:none;
	margin-bottom:15px;
	display:block;
	background: none;
	padding:0 !important;
}

.tptn_posts_daily ul:after, .tptn_posts ul:after, .tptn_posts_daily ul li:after, .tptn_posts ul li:after {
	content:'';
	display:table;
	clear: both;
}

img.tptn_thumb {
	display:block;
	float:left;
	clear:left;
	margin-right:10px !important;
	padding:3px !important;
	vertical-align: bottom;
}

And while it works perfectly on desktop it doesn’t on mobile.

It seems to push the sidebar as a whole left and leave a margin on the right and has zero CSS. Can you assist? 🙂

[img]https://i.imgur.com/XgcHmTV.png[/img]

[img]https://i.imgur.com/CYhBiHH.png[/img]

Cheers!

• This topic was modified 5 years, 11 months ago by cora150892.
• This topic was modified 5 years, 11 months ago by cora150892.