Blask Theme – Sidebar on Mobile Device

• 

  annascherman · Member · Oct 30, 2015 at 3:47 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve set up my site so that it works fairly well on mobile devices, however, the sidebar is dropping to the side and covering the front page material…what is the best way to modify the sidebar so that it is legible on smaller screens?

  The blog I need help with is: (visible only to logged in users)

• 

  ehtis · Staff · Oct 30, 2015 at 7:48 pm

  • Copy link

  Hi there,

  Let’s try this route. Limiting the CSS edit to smaller screens and moving the sidebar a bit to the left:

  @media screen and (max-width: 768px) {
  .menu-index-container {
      margin-left: -100%;
      }
  }

  You can adjust the negative margin percentage to give the desired look.