@media Screen - Question | JoomShaper

@media Screen

Django

Django

Helix Framework 3 years ago

Hello On Helix Ultimate, how can we manage the switch from main menu to off-canvas menu, depending on the screen width ?

I would like to switch at 1300 pix.

I think it concerns "@media screen" in the custom.css, but I don't know exactly what I have to write.

0
8 Answers
Igors
Igors
Accepted Answer
3 years ago #8224

Hi friend stuff just few days before answered this

@media (max-width: 1025px)
{
body.ltr #offcanvas-toggler.offcanvas-toggler-right.d-block
{
    display: block!important;
}
.sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block {
    display: none!important;
}
}
0
Django
Django
Accepted Answer
3 years ago #8226

It seems to work ! Thanks a lot.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #8232

Hi Django!

You can use the max-width value as 1300px if you really like to break it down there:)

And if the issue is solved, you may close the post now.

Best Regards

0
Django
Django
Accepted Answer
3 years ago #8341

Hi Rashida : I don't understand what you mean :"You can use the max-width value as 1300px if you really like to break it down there:)".

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #8347

Hi,

As you stated within your main question

I would like to switch at 1300 pix.

so I have mentioned that you can use 1300px instead of 1025px within the media query.

Best Regards

0
Django
Django
Accepted Answer
3 years ago #8354

OK. Thanks. Solved.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #8488

You are always welcome.

0
Django
Django
Accepted Answer
3 years ago #8491

I would do it, if I knew how to do it .

0