allways mobile display

Hey there impof,

Hope you’re well! 🙂

First, I suggest you use a child theme http://codex.ww.wp.xz.cn/Child_Themes or use css custom plugin like this: https://ww.wp.xz.cn/plugins/simple-custom-css/ if you will customize your theme.

Add the code in your child theme’s style.css or using the plugin mentioned above.

#featured-box .mid-box {
    width: none;
}

The one that causing the element to take 100% width even though it is 1020px is the width property declared in .mix-box. So we will just simply removing it and inherit what span4 class will give us.

Hope it helps! 🙂

Take care,
Calvin

Hey there Impof,

Hope you’re well! 🙂

What screen resolution do you have? I noticed that when the screen is 1023px and below the content box is taking the whole space.

First, remove the code I gave on my last reply.

If you want to make the content box in one row then use this code. Don’t worry it is still responsive in mobile screen. 🙂

@media only screen and (max-width: 1024px) and (min-width: 767px) {
	#featured-box div.mid-box {
		width: 31.623931623931625%
	}
}

Let me know if it helps! 🙂

Take care,
Calvin