testing dropdown images in the topbar

testing different men walker code for the dropdown images

diff --git a/lib/menu-walker.php b/lib/menu-walker.php
index e3b7f0d..1a5d281 100644 (file)
--- a/lib/menu-walker.php
+++ b/lib/menu-walker.php
@@ -30,7 +30,17 @@ class Glm_Theme_Top_Bar_Walker extends Walker_Nav_Menu {
         $item_style = '';
         if ($depth == 0 && has_post_thumbnail((int)$object->object_id)) {
             $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id((int)$object->object_id), 'dropdown-image');
-            $item_style .= "<style>#menu-item-".$object->ID." > .sub-menu:before { background-image: url('".$thumbnail[0]."'); min-height: 130px;} #menu-item-".$object->ID." > .sub-menu { padding-top: 155px;}</style>";
+            // $item_style .= "<style>#menu-item-".$object->ID." > .sub-menu:before { background-image: url('".$thumbnail[0]."'); min-height: 130px;} #menu-item-".$object->ID." > .sub-menu { padding-top: 155px;}</style>";
+
+            $item_style .= "<style>
+            #menu-item-".$object->ID."> .sub-menu:before{
+            display: inline-block;
+            width: 200px;
+            height: 100px;
+            content: ' ';
+            background-image: url('".$thumbnail[0]."');
+            background-size: cover;
+            </style>";
         } else {
             $item_style .= "<style>#menu-item-".$object->ID." > .sub-menu:before { background-image: none; } #menu-item-".$object->ID." > .sub-menu { padding-top: 21px;}</style>";
         }

diff --git a/package.json b/package.json
index c2604a1..7e263f9 100644 (file)
--- a/package.json
+++ b/package.json
@@ -10,5 +10,9 @@
     "grunt-contrib-uglify": "~0.7.0",
     "grunt-contrib-concat": "~0.5.0",
     "grunt-contrib-copy": "~0.7.0"
+  },
+  "dependencies": {
+    "request": "~2.81.0",
+    "node-sass": "~4.7.2"
   }
-}
\ No newline at end of file
+}