How to fix the visual display of the fields of the Simple module on the mobile version?

Question

opencart

Hello! Please tell me in which file and what needs to be written so that on all devices with a screen extension of 768px and below, the fields are displayed under the name, and not as it is now, to the right of the field name?


If I understand correctly, then the col-sm-8 class in the bostrap.min.css file is responsible for the visual.


Or do I need to edit the style.css file directly from the Simple module?

Site https://cosmozoo.com.ua
I would be very grateful for any help or hint!

Answer 1

In your case, the problem can be solved by adding this style:

@media (max-width:767px) {
.simple-content .form-group {
    display: block !important;
}
}

Because now you have .form-group property display: flex