max-width with liquid layout for browsers preview

Question

Hi,

I guess it's pretty simple question and I am sorry if it was already covered here, I couldn't find the answer.

How to make max-with (e.g.1024) for the web app when published as liquid?
It will be available to be viewed in desktop browsers and I don't want to have it stretched to the width greater than 1024.

I tried max-width in css but it is not working.

Thanks for help.

Answer 1

This worked on my test file, but let me know if it doesn't work for your file:

.liquid .page, .page.liquid {

    max-width: 800px;

}