Hide sidebar for mobile

Support
#1

We are using pro on http://jeremygorham.com/blog is there a way to hide the right side bar are for mobile devices? It appears on the bottom and I really dont like that look.

#2

Hello There,

Thanks for writing in!

To resolve your issue and hide the sidebar on smaller screens, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

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

Hope this helps. Kindly let us know.

#3

This doesnt appear to be working

#4

Hello There,

The code did not work because of the invalid css you have added.

Please correct it to resolve the issue.

//Display all blog posts
.x-filterable-category-group {
    display: block;
    visibility: visible;
  font-family: "Open Sans", lighter; 
}

.blog .entry-category {
    font-size: 29px;
}
//Hide sidebar on mobile
@media(max-width:979px){
    body .x-sidebar {
        display: none !important;
    }
}

Please let us know how it goes.

#5

Whoops, sorry about the sloppiness of the css. I tried correcting it, but it still doesnt appear to be working.

#6

Hello There,

Please update the code and use this instead:


@media(max-width:979px){
    body .x-sidebar,
    body .x-sidebar.left, 
    body .x-sidebar.right {
        display: none !important;
    }
}

Hope this helps. Kindly let us know.

#7

Hmm still deosnt appear to be working

#8

Hey There,

Please update the code for the last time and use this:

/* Display all blog posts */
.x-filterable-category-group {
    display: block;
    visibility: visible;
  font-family: "Open Sans", lighter; 
}

.blog .entry-category {
    font-size: 29px;
}
/* Hide sidebar on mobile */
@media(max-width:979px){
    body .x-sidebar,
    body .x-sidebar.left, 
    body .x-sidebar.right {
        display: none !important;
    }
}

Please let us know how it goes.

#9

That Worked! Thank you so much! Is the only thing that got changed is the way to comment or the code?

#10

Hi there,

Glad to hear that it worked. But I couldn’t understand what you asked afterward. Could you please elaborate a bit?

Best regards.

#11

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