[Artur667Participant]

Hi.

URL: http://dev.klinikatazbir.pl/

Problem – when you decrease width of a browser to check responsive behavoiur it switches to one column layout (which is great), then it is back to two column layout (due to ‘Default value from width attribute’ in responsive options I suppose) and the it backs to one column layout. I would like to skip the second two column layout – so once it sets to one column it stays that way.

I have found this code:

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.vc_col-sm-6 {
width: 100% !important;
}

}

but it doesn’t seem to be working.

[Artur667Participant]

And one more question about the same structure: I have set large margin (100px) on the right column, how can I set much smaller margins on the specified breakpoints? Right now on mobile it look like this:

https://www.dropbox.com/s/z1jsgddrb9ljwds/Untitled-1.png?dl=0

[ChristianModerator]

Hey Artur,

Regretfully, this requires setting up your own media queries to achieve what you need. The code we give here serves only as a guide so you could create your own. This falls under custom development which is outside the scope of our support. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thank you for understanding.

[Author]

Posts