Set Responsive Columns max-width to 1024px

Hello @babiskalogirou,

Thank you for your feedback.

The page you’ve sent gets error 404. Please check this screenshot: https://i.postimg.cc/V6RkgFNr/image.png.

You can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/

And for responsive sizes, put your CSS on custom screen size:

@media only screen and (max-width: 480px) {
    /* put your custom CSS here*/
}

Or use between sizes:

@media (max-width: 960px) and (min-width: 481px){
    /* put your custom CSS here */
}

For more information about media queries, please read this article: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

You can use something like this:

@media (min-width: 760px) and (max-width: 960px){
    .content-left-sidebar .widget-area {
        width: 20%;
        float: left !important;
    }
    .content-left-sidebar .content-area {
        width: 80%;
        float: right !important;
    }
}

Best Regards

Hello @skalanter

Thank you very much for your response.

I have tried with the suggested CSS but i faced priority conflicts. After fixing an issue another one was unfixed. I will try harder.

I’m so sorry! When i took a better look on your code i realised that a missing bracket in my css was messing up the whole thing. Thank you very much once again and i apologise for wasting your time.

Hello @babiskalogirou,

You’re welcome.
I’m glad that you were able to resolve that.

Best Regards