Bug Fixed

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@piero80/react-fullscreen-menu",
+  "name": "react-fullscreen-menu",
   "version": "1.0.2",
   "description": "Simple Fullscreen Menu in React with Css Transition and Styled Component",
   "author": "Pietro Colangelo",

src/Menu.styled.js

@@ -1,5 +1,9 @@
 import styled from 'styled-components'
 
+export const StyledContainer = styled.div`
+  position: fixed;
+`
+
 export const StyledMenu = styled.section`
   position: fixed;
   top: 0;

src/index.js

@@ -1,18 +1,19 @@
 import React, { useState, Fragment } from 'react'
 import { StyledIcon } from './Icon.styled'
-import { StyledMenu } from './Menu.styled'
+import { StyledMenu, StyledContainer } from './Menu.styled'
+
 import { ReactComponent as CloseIcon } from './images/close.svg'
 import { ReactComponent as MenuIcon } from './images/menu.svg'
 import { ReactComponent as BackIcon } from './images/back.svg'
 
 export const FullscreenMenu = ({ data, position }) => {
   const [open, setOpen] = useState(false)
   return (
-    <div className='menu-burger-container'>
+    <StyledContainer>
       <MenuBurger open={open} setOpen={setOpen} position={position}>
         <Menu open={open} data={data} setOpen={setOpen}></Menu>
       </MenuBurger>
-    </div>
+    </StyledContainer>
   )
 }
 
@@ -37,6 +38,7 @@ function Menu({ open, setOpen, data }) {
   const [selectedItemMenu, toggleMenu] = useState(-1)
 
   function openSubMenu(index) {
+    console.log('CLICK')
     toggleMenu(selectedItemMenu === index ? -1 : index)
     setSub(!sub)
   }