.container has lost max-width with latest update

Hi!

I removed that and changed to .kc-container, because it was conflict with Bootstrap framework.

Please add this css code in file style.css of your theme

.container{
  margin: 0px auto;
  width: 100%;
  max-with: 1170px;
}

OK I tried that. It fixed most of the site, but full width columns aren’t working properly because the following is missing from KingComposer.css:

div[data-kc-fullwidth] {
    margin-left: 0px !important;
    margin-right: 0px !important;
    position: relative;
    box-sizing: content-box;
}

I’m also finding that the declarations for the kc_col classes are missing, so my 50% width columns which use .kc_col-sm-6 are now full width rather than half width.

I know you guys have moved away from set column widths and are instead using percentages, but you can’t just remove that stuff because it breaks sites that used the older method. The site isn’t even that old, I only built in the last couple of weeks.

Ahh, you’ve fixed the columns issue with 2.4.2.1

Please tell me that everything is ok now??? I am checking everything one again.

I think the percentages will bring limitless flexibility for users.

I think so.

I do see the benefit of percentages, but they can complicate things. It would be nice if there was a way to disable percentages and just use the regular 12 column grid. I realise this would be quite a lot of work to implement, but it would make your plugin much easier to use for less experienced users.

For example, if I add a two column row, on desktop I see the two columns side by side as expected. If I view the page on mobile the columns stack. This is perfect.

If I change the column widths by the smallest amount, intentionally or otherwise, the columns no longer stack on mobile. Even if I change them back to being 50% / 50%.

I know why this is happening, and I know I can go into the column’s ‘responsive’ settings and make it so they do stack again. But if I’ve built a site for a client and they accidentally change the column widths causing them to no longer stack on mobile, they’re not going to know how to fix it, and they’re going to have to call me.

Thank you for being so quick to respond and to fix things btw.

Hi!

I’ll find the best solution for this.

Thank you so much for very useful feedbacks!