Hey Esmond,

I am really sorry for the delay of this reply as it is a weekend for us here. Hm, you could just use the following to set the minimum width,

body div#fd.es {

    min-width: 800px;

}

Hi Mark,

It worked but did not solve my problem. My template component maximum width is 600px so the layout is displaying tablet view even without the left sidebars. There must be a responsive (bootstrap) settings somewhere width minimum with for desktop view and i want to reduce that.

Thanks.

Hello Esmond,

Minimum to display desktop layout for Easysocial is 780px, if lower than this it will switch to tablet or mobile layout. For the best results we encourage increase the maximum width of your template component to 780px or above.

Hello,

I'm not using the left sidebars of EasySocial, so i think it will be OK if i can change the minimum width of desktop layout 780px to 600px. Please help me with a CSS code that can reduce 780px to 600px.

Thanks.

Hello Esmond,

In EasySocial, we have our own Javascript to detect the width of our component's width, and from here it will give few CSS classnames in the DOM so that our component's styling will behave nicely. At width 600px, our component will display the layout as a mobile view.

Please advice, thank you.

Hello,

So whats the best way to solve this issue because my component maximum width is 600px.

Thanks.

Hi Esmond,

Since the component maximum width is 600px then have to display as mobile layout. It is impossible to place a 720px into 600px it will messed up our design.