Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 18, 2020 at 4:23 pm #1175859
    illerrre

    Hi,

    This is regarding onlineterapi.nu

    As a way to have a customized page navigation on every page I am using a different side bar widget with every page.

    The side bar isn’t activated under enfold settings, but It’s added undery “layout” on ever page. See the following screenshot: https://ibb.co/2nkQQ4Z

    My wish is to be able to hide this sidebar on certain resolutions. Probably on anything under 1100px. Do you know if there is any code that I can use to do this?

    Thanks in advance!

    January 19, 2020 at 1:09 am #1175946
    Jordan Shannon

    Hey illerrre,

    Try the following in quick css:

    @media only screen and (max-width: 1100px)  {
aside.sidebar{
display:none!important;
}}

    Best regards,
    Jordan Shannon

    January 20, 2020 at 11:59 am #1176244
    illerrre

    Hi Jordan!

    With that code anything that was inside of the side bar (in this case navigational links) was removed, but the sidebar itself stayed there.

    January 20, 2020 at 8:44 pm #1176422
    Victoria

    Hi illerrre,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1100px)  {
  aside.sidebar{
    display:none!important;
  }
  .container .av-content-small.units,
  .sidebar_shadow .sidebar_right .content.av-enable-shadow {
    width: 100%;
    border: none;
    box-shadow: none;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 21, 2020 at 11:57 am #1176662
    illerrre

    Worked like a charm! You guys are truly amazing!

    Thank you!

    January 21, 2020 at 5:53 pm #1176861
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How can I remove side bar widget on certain resolutions?’ is closed to new replies.