diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index 37e2efd..aa836a1 100644 --- a/static/css/mobile_styles.css +++ b/static/css/mobile_styles.css @@ -99,6 +99,7 @@ } @media (max-width: 1024px){ + .subscribe_inf{ height: 364px; @@ -783,9 +784,7 @@ font-size: 12px; line-height: 13px; } - .menu_profile{ - background: #FFF; - } + .block_overlay{ height: 100vh; @@ -1252,6 +1251,37 @@ .second-footer{ height: unset; } + .menu_buttons.right.n_profile.open { + right: 0; + transition: 200ms; + position: fixed; + display: block; + padding-top: 10px; + top: 35px; + background: #ffffff; + } + + .menu_buttons.right.n_profile.open .handler_menu{ + background: #FFFFFF; + color: #000000; + + } + .menu_buttons.n_profile.close .handler_menu{ + background: #FF613A; + color: #FFFFFF; + } + .menu_buttons.n_profile.right .handler_menu{ + transform: rotate(270deg); + right: -312px; + width: 91px; + height: 18px; + display: block; + position: fixed; + text-align: center; + top: 39%; + border-radius: 10px 10px 0 0; + padding: 7px 18px 7px 18px; + } } @media (max-width: 950px){ @@ -1422,6 +1452,9 @@ border-radius: 10px 10px 0 0; padding: 7px 18px 7px 18px; } + .menu_profile{ + background: #FFF; + } .info_profile{ width: 100%;