Responsive content area off canvas

Support
#1

Hi guys

I have set content max width of an content area off canvas to approx 50%. However, at small screens that doesn’t work. I have tried to add a class and @media (max-width: 767px) {.class {width: 75% !important;}}. That didn’t make it. Can you help me out?

Thanks.

#2

Hi There,

Thanks for writing in!
The css you have mention is right,
@media (max-width: 767px) {
.class {
width: 75% !important;
}
}

If you can provide us your page you URL and point us to the section that you are talking about. We can have a look on to the issue.

Thanks

#3

Yes, please. Would be nice - I don’t seem to get it right. Thanks.

#4

Hi @nblund,

Thanks for the login.

The class for each off canvas CSS is very specific. You need to adjust its size one by one. Would you mind sharing us the exact canvas that you want to change.

For example, on your one canvas.

@media (max-width: 767px) {
.el26.x-off-canvas .x-off-canvas-content{
    max-width: 75.5%;
}}

You could try also adjusting the size of the canvas by adjusting the off-canvas setup on your cornerston.

Hope it helps.

Thanks.

#5

Hi there.

Adjusting it specifically / one by one did the trick.

Thanks.

#6

We are glad that it works!

Thanks

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.