Hide Sidebar on specific width no longer working

Support
#1

Hi X-theme,

We added the following code to hide the sidebar on a certain width, but doesn’t seem to work now. Can you please offer any help?

@media (max-width: 668px) {

.x-sidebar {
display: none; !important;
}

#2

Hi There,

Could you please provide us with your website URL so we can take a closer look?

Thanks.

#3

Hi Yes.

I’ve added it to the secure note.

Many thanks in advance.

#4

Hi there,

I can see you have the code on your site and in screens less than 668px sidebar not showing. If you’re having issues with it still, you might want to clear your cache and try again.

Also, there’s a typo in your provided code. Correct should be

    @media (max-width: 668px) {

        .x-sidebar {
        display: none !important;
        }
    }

Thanks!

#5

Yes. I know the code is there already.

My problem is that it doesn’t work anymore. The sidebar just appears below the page when the browser moves past 668px instead of disappearing.

#6

Hi,

Here it’s working perfectly. Can you please record your screen and share with us?

Thanks.

#7

Of course.

http://www.testing.gradian.co.uk/vid.mov

As you can see it doesn’t disappear, it just moves to the bottom of the page.

#8

Hi there,

There seems to be a missing } on this code:

Please update it to:

@media (max-width: 668px) {
    .x-sidebar {
        display: none !important;
    }
}

Hope this helps.

#9

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