Responsive/ mobile screen cuts off content, retains sidebar

[feimineach]

Hi Johnny

It’s me again (last query this time, I hope!). My “half screen”/ tablet view is cutting off my entry content alas. I have played around with the CSS but to no avail. Here is a link to a screenshot.

It seems to be retaining the left, homepage sidebar when it doesn’t need to (if that makes sense).

Thanks.

[FocuxTheme Support]

Hi

I found it’s caused by your following custom CSS

#main {
	background-color: #f0f0f0;
	margin: 0 0 0 280px;
	padding-top: 30px;
}

It’s override the responsive CSS style. So I changed your CSS to

body,#main {
	background-color: #f0f0f0;
}

@media (max-width: 1023px) {
	.single .container {
		margin: 0 auto;
	}
}

@media all and (min-width: 1024px) {
	#main {
		margin: 0 0 0 280px;
		padding-top: 30px;
	}
}

Thanks

[feimineach]

Johnny

Once again, thanks a million. I really appreciate it!

I’m all set now (hopefully!).

[FocuxTheme Support]

It’s my pleasure! 🙂

[Author]

Posts