Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 16, 2022 at 4:44 pm #1340925
    grassifrancesca

    Hi,
    I have set the single blog post pages to have a sidebar.
    The sidebar is enabled in the single blog post and set as a widget.
    I made sure that is not enabled for mobile in the Sidebar setting area in the Theme option but it still shows up on mobile.

    I tried using the codes I found in the support section but nothing seems to work.

    @media only screen and (max-width: 990px) {
    .content {
    width: 100%!important;
    border: none!important;
    }
    .sidebar {
    display: none!important;
    }}

    Any chance you can help me with this?
    Many thanks

    February 17, 2022 at 5:11 am #1341039
    Ismael

    Hey grassifrancesca,

    Thank you for the inquiry.

    Looks like the sidebar is already hidden but the shadow is still visible on mobile view. To fix that, please use this css code instead.

    @media only screen and (max-width: 768px) {
    .sidebar_shadow .sidebar_right .content.av-enable-shadow {
        box-shadow: none;
    }
}

    Best regards,
    Ismael

    February 17, 2022 at 1:26 pm #1341144
    Ismael

    Hey!

    UPDATE: You can also adjust the css > layout.css file using the code below.

    // https://pastebin.com/93FsnV6f

    Best regards,
    Ismael

    February 19, 2022 at 2:06 pm #1341391
    grassifrancesca

    Hi Ismael,

    Totally right! I completely missed that.
    Thanks a lot! It worked perfectly!

    February 19, 2022 at 2:27 pm #1341393
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Remove sidebar from blog on mobile’ is closed to new replies.