Adventurer Theme: Sidebar

Hey there,

It should be possible to remove this via Appearance > Site Editor, and it should be possible via the posts and page templates.

Are you able to locate that sidebar via that route?

Hi Adam! Yes, I am able to locate it in the templates. I want the sidebar to show on desktop but not on mobile devices.

Ah – you could perhaps try:

@media (min-width: 600px) {
    .wp-block-column.is-layout-flow.wp-container-104.wp-block-column-is-layout-flow {
     display: none;
    }
}

I hope this helps!

This is not working. I still see the sidebar on mobile devices (tested with Chrome and Safari). Sorry!

Hi @mohanadas, that should do the trick, but I’m not seeing the CSS there currently.

If the CSS is still there, can you check for any cache that needs clearing? Or, if you added it and then removed it, please try adding this Additional CSS and leaving it in place so we can take a look.

In this snippet, we’ll try working with a wider breakpoint of 781px instead of 600px, since that’s where the sidebar starts going full-width. We’ll also add !important to it:

@media (min-width: 781px) {
    .wp-block-column.is-layout-flow.wp-container-104.wp-block-column-is-layout-flow {
     display: none !important;
    }
}

@supernovia : I have added this CSS but can still see the sidebar on posts on mobile devices (tested with Safari browser).

Ah! I just realized we said min and meant max. Please try this:

@media (max-width: 781px){
  .wp-block-column.is-layout-flow.wp-container-104.wp-block-column-is-layout-flow{display:none !important}
}