Simplegrid CSS problems due to greedy selectors

It got to my attention that the file simplegrid.css is creating problems for my website when it comes to mobile views, I was lucky to catch this before my client noticed it or even worse the users.

Take this selector for starters :

[class*=’col-‘] {}

Is pretty greedy, and it overwrites classnames from pagebuilder which has names like “col-xs-12” and so on. This needs to be namespaced as simplegrid.css is not compatible out of the box with any website, in my case it made the view from 480px and below render the page 10px outside the screen looking terrible. I would think naming coloumns with col-somthing is very usual so this needs to be changed.

Edit: Replace your simplegrid.css file with this one https://pastebin.com/zWiFLUWR and problem is solved.

• This topic was modified 8 years ago by [email protected].