@media screen - Forum | JoomShaper
Solved Helix Framework

@media screen

Asked by Django 5 years ago Last activity 5 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.

Accepted answer

Marked as the solution
Igors

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;
}
}

7 more replies

Django Asked this

It seems to work !
Thanks a lot.

Rashida Rahman Staff

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

Django Asked this

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:)".

Rashida Rahman Staff

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

Django Asked this

OK. Thanks. Solved.

Rashida Rahman Staff

You are always welcome.

Django Asked this

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

Log in to reply.