Docs

[legalfab]

Hi Theme X,

Would appreciate if you could assist in providing the necessary codes to hide sidebar on mobile. Cheers!

[legalfab]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 979px){
    .page-id-521 #Sidebar {
        display: none;
    }
}

Hope it helps 🙂

[legalfab]

Hi, It doesnt seem to work for the about us page. In addition, I would like sidebar to be hidden on all pages that contains the #Sidebar. Thanks much!

[Thai]

Hi There,

Please try with this CSS instead:

@media (max-width: 979px){
    #Sidebar {
        display: none !important;
    }
}

Let us know how it goes!

[Paul R]

Hi,

In that case, you can change the code to this.

@media (max-width: 979px){
    #Sidebar {
        display: none !important;
    }
}

Hope that helps.

[legalfab]

Doesn’t work for some reason.

[Darshana]

Hi there,

Your CSS won’t work correctly, when you have incorrect rules in your custom CSS area. Copy all of your custom CSS rules into an online tool like CSS Lint (http://csslint.net/) and check for errors (parsing errors). Newly added CSS won’t parse correctly until you fix those errors.

Thanks!

[legalfab]

Thanks Darshana. I am not sure how I should go about thereafter. Is there anyway to auto fix such CSS errors?

[Friech]

Hi There,

Maybe we could help you with that, if we can see your entire custom CSS. Right now your site is minified so we can’t check your custom CSS on Customizer. For now you can place the given code on top of your custom CSS.

Then clear your caching and optimizer plugins, so it will re-generate with the added code. Maybe you can deactivate the optimizer/minified plugin for a while so we can see your entire custom CSS.

Thanks.

[legalfab]

This reply has been marked as private.

[Thai]

Hi There,

Would you mind providing us with your admin account so we can take a closer look?

Thanks.

[legalfab]

This reply has been marked as private.

[Christopher]

Hi there,

Thanks for writing in!

Following code is invalid :

.widget_nav_menu ul li a:hover {
 : #82898f !important;
}

Following code requires closing brackets :

@media screen and (min-width: 960px){
  .site .ubermenu-responsive-default.ubermenu {
    display: block!important;
    float: right;

Please fix them.

Hope it helps.

[legalfab]

Thanks Chris!

[Author]

Posts