How to hide the right sidebar when viewed on the Ipad?

[Ivan]

Hello

Please tell me how you can use the CSS right sidebar to hide when viewing site on IPad.

Thanks in advance for your help.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css.

@media (min-width: 768px) and (max-width: 1024px){
  .single-post-standard .content-wrap {
    width:100%!important;
  }

  .single-post-standard .sidebar.right-sidebar {
    display:none;
  }
}

-Rui

[Ivan]

This reply has been marked as private.

[David Martin – Support]

Hi,

What does this mean? “filed dyanny option is not working.”

I am slightly confused as the supplied code looks to be working?

– David.

[Mohammad – SUPPORT]

Hi,
Please use this code:-

@media (min-width: 768px) and (max-width: 1024px){
  .content-wrap {
    width:100%!important;
  }

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

Thanks
Mohammad

[Ivan]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please remove the last custom css code and use this:-

@media (min-width: 768px) and (max-width: 1024px){
  .inner-page-wrap .col-sm-8{
    width:100%!important;
  }

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

Thanks
Mohammad

[Ivan]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Everything seems fine to me. Please check after clear the cache of browser. May i know specific screen size/device?
Thanks
Mohammad

[Ivan]

This reply has been marked as private.

[David Martin – Support]

Hi,

“but the records will appear in the pages of the black stripe.” – What do you mean, can you please detail this further?

Thanks.

[Ivan]

This reply has been marked as private.

[David Martin – Support]

I cannot replicate this on the iPad in Portrait or Landscape. What device are you using?

To stop the social icons getting cut off. Please also add this:

@media (min-width: 768px) and (max-width: 1024px){
  .essb-fans.fourcols li {
    width: 50%;
}
}

Thanks