removing jq replaced with css nth-child to test

diff --git a/css/app.css b/css/app.css
index 847ba97..d2e3194 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6624,6 +6624,12 @@ header {
 .top-bar-section li:not(.has-form) a:not(.button) {
   background: none; }
 
+.top-bar-section ul li:nth-child(5) .dropdown {
+  min-width: 350px; }
+
+.top-bar-section ul li:nth-child(5) .dropdown > li {
+  width: 100%; }
+
 @media screen and (max-width: 1024px) {
   main.page-front {
     padding: 0; } }

diff --git a/js/app.js b/js/app.js
index 8d4d2a4..8ede444 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -206,10 +206,10 @@ var extraDay, end, arrival, currentDate, currentDate2, requiredDate, requiredDat
         $($topMenu).css("font-size", "16px");
         $($topMenu).css("padding", "10px 5px");
     });
-    var $placesToStay = $(".top-bar-section").find("ul#menu-main-menu").find("li.menu-item").eq(4);
-    $placesToStay.on("click", function () {
-       alert("Test");
-    });
-    $placesToStay.find('.dropdown').css("min-width", "375px");
-    $placesToStay.find('.dropdown').children("li").css("width", "100%");
+//    var $placesToStay = $(".top-bar").find(".top-bar-section").children("ul#menu-main-menu").find("li.menu-item").eq(4);
+//    $placesToStay.on("click", function () {
+//       alert("Test");
+//    });
+//    $placesToStay.find('.dropdown').css("min-width", "375px");
+//    $placesToStay.find('.dropdown').children("li").css("width", "100%");
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 9b23fe9..8aad83a 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -197,10 +197,10 @@ var extraDay, end, arrival, currentDate, currentDate2, requiredDate, requiredDat
         $($topMenu).css("font-size", "16px");
         $($topMenu).css("padding", "10px 5px");
     });
-    var $placesToStay = $(".top-bar-section").find("ul#menu-main-menu").find("li.menu-item").eq(4);
-    $placesToStay.on("click", function () {
-       alert("Test");
-    });
-    $placesToStay.find('.dropdown').css("min-width", "375px");
-    $placesToStay.find('.dropdown').children("li").css("width", "100%");
+//    var $placesToStay = $(".top-bar").find(".top-bar-section").children("ul#menu-main-menu").find("li.menu-item").eq(4);
+//    $placesToStay.on("click", function () {
+//       alert("Test");
+//    });
+//    $placesToStay.find('.dropdown').css("min-width", "375px");
+//    $placesToStay.find('.dropdown').children("li").css("width", "100%");
 });

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 454c36e..7b576f4 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -248,4 +248,10 @@ ul#menu-menu-2 > li:not(.has-form) a:not(.button){
 }
 .top-bar-section li:not(.has-form) a:not(.button){
     background: none;
+}
+.top-bar-section ul li:nth-child(5) .dropdown{
+    min-width: 350px;
+}
+.top-bar-section ul li:nth-child(5) .dropdown > li {
+    width: 100%;
 }
\ No newline at end of file