From 6ace5466876ecf5f0ac8c0ce140df007cc5d2562 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 19 Apr 2018 16:05:13 -0400 Subject: [PATCH] adding modal login adding modal login box --- header.php | 5 +++++ js/custom.js | 6 ++++++ style.css | 18 ++++++++++++++++++ 3 files changed, 29 insertions(+) diff --git a/header.php b/header.php index 9f8cd06..35af285 100644 --- a/header.php +++ b/header.php @@ -22,6 +22,11 @@ > + +

diff --git a/js/custom.js b/js/custom.js index 7ffebb0..7627071 100644 --- a/js/custom.js +++ b/js/custom.js @@ -151,4 +151,10 @@ jQuery(document).ready(function($){ } $('.cmvl-title').insertAfter('.cmvl-navbar'); + if( $(window).width() > 1000){ + $('.menu-item').on("click", function(){ + $("#modal-login").toggleClass("show-login"); + }) + + } }); \ No newline at end of file diff --git a/style.css b/style.css index c6a1345..4e3ba7c 100644 --- a/style.css +++ b/style.css @@ -2600,4 +2600,22 @@ body #content .parallax-section:first-child,body #content .parallax-section:last #glm-member-login-form + p{ max-width: 250px; margin: 0 auto; +} +#modal-login{ + padding: 15px; + border-radius: 6px; + position: absolute; + background-color: white; + width: 250px; + margin: 0 auto; + z-index: 999999; + right: 25px; + top: 0; + transform: translateY(-105%); + box-shadow: 2px 4px 10px 3px rgba(46,61,73,.5); + transition: top 800ms ease-in-out; +} +#modal-login.show-login{ + top: 50%; + position: fixed; } \ No newline at end of file -- 2.17.1