title: Screen content overlapping Navigation drawer in Kivy
body: <p><a href="https://i.stack.imgur.com/z27Hq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z27Hq.png" alt="enter image description here" /></a></p>
  <p>As you can see any content from my screen is overlapping on my navigation bar
  My screen and nav bar code</p>
  <pre><code>    MDNavigationLayout:
          ScreenManager:
              Screen:
                  BoxLayout:
                      orientation: &quot;vertical&quot;
                      MDToolbar:
                          title: &quot;My App&quot;
                          left_action_items: [[&quot;menu&quot;,lambda x: nav_drawer.set_state(&quot;open&quot;)]]
                          
                          right_action_items: [[&quot;login&quot;,lambda x: app.login()]]
                          elevation: 10
                      Widget:
                      MDBottomAppBar:
                          MDToolbar:
                              left_action_items: [[&quot;white-balance-sunny&quot;,lambda x: app.dark()]]
                              mode: 'end'    
                              type: 'bottom'
                              icon: 'plus'
                              on_action_button: app.new()
          MDNavigationDrawer:
              id: nav_drawer
              BoxLayout:
                  orientation: 'vertical'
                  spacing: '8dp'
                  padding: '8dp'
                  Image:
                      source: 'no_pfp.jpg'
                  MDLabel:
                      text: '         Naitik'
                      font_style: 'Subtitle1'
                      size_hint_y: None
                      height: self.texture_size[1]
                  MDLabel:
                      text: '            contact@foxex.xyz'
                      font_style: 'Caption'
                      size_hint_y: None
                      height: self.texture_size[1]
                  ScrollView:
                      MDList:
                          OneLineIconListItem:
                              text: 'Profile'
                              IconLeftWidget: 
                                  icon: 'face-profile'
                          OneLineIconListItem:
                              text: 'Login'
                              IconLeftWidget: 
                                  icon: 'login'
  </code></pre>
  <p>I tried to put MDNavigationDrawer and it's stuff above screenmanager but then it become transperant
  What can i do?</p>