1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Midtown Sports Grill Menu | Burgers, Wings & Crab Claws | Midtown Sports Grill | Sports Bar & Grill | Savannah, GA</title> 5 <meta content="width=device-width, initial-scale=1" name="viewport"> 6 <meta charset="UTF-8"> 7 8 <meta name="description" content="Explore our menu featuring our famous Bleu Chips, fresh fried crab claws, and house-made pimento cheese. Authentic Savannah pub food at its finest." /> 9 <meta property="og:title" content="" /> 10 <meta property="og:description" content="" /> 11 <meta property="og:image" content="" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:url" content="https://www.midtownsportsgrill.com/menu" /> 14 15 <link rel="icon" type="image/png" href="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/Favicon-674-ec438357-8c14-4db4-9fd2-f1e5e433251f.png"> 16 <link rel="canonical" href="https://www.midtownsportsgrill.com/menu" /> 17 18 19 20 21 22 <link rel="stylesheet" href="/assets/site-7898ec93455c52ac14cb3475434c1367cb237b733dfa3dcd82f9b1844f58ac62.css" data-turbo-track="reload" /> 23 <link rel="stylesheet" href="/assets/icons-8a8adf1b209dcf6019c445e5477d00b79192f6726b65fd7cf29cf43036ec3917.css" data-turbo-track="reload" /> 24 25
25<script type="importmap" data-turbo-track="reload">{ 26 "imports": { 27 "application": "/assets/application-4a1c1d27c11faa4dbac51fff4126422169b85739cdee3e8b89ea183bc17a2c23.js", 28 "@hotwired/turbo-rails": "/assets/turbo.min-f3765a09513ca1417099ce92257ef54b9d4cf3a7addc7dcbb1d6d848d307ee8a.js", 29 "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js", 30 "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js", 31 "site": "/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js", 32 "local-time": "/assets/local-time-821d43d4efe5c285055b57aea1a1f04a89a1019f689de214873d5af45a3ab3d7.js", 33 "jquery": "/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js", 34 "jquery-mask-plugin": "/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js", 35 "alpinejs": "/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js", 36 "swiper": "/assets/swiper-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.js", 37 "libraries/vidbg": "/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js", 38 "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js", 39 "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js", 40 "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js" 41 } 42}</script>
42 43<link rel="modulepreload" href="/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js"> 44<link rel="modulepreload" href="/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js"> 45<link rel="modulepreload" href="/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js"> 46<link rel="modulepreload" href="/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js"> 47<link rel="modulepreload" href="/assets/swiper-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.js">
48<script type="module">import "site"</script>
48 49 50 <link rel="preconnect" href="https://fonts.googleapis.com"> 51 <link rel="preconnect" href="https://cdnjs.cloudflare.com"> 52 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 53 <link rel="preconnect" href="https://maps.googleapis.com" crossorigin> 54 55 56 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block" 57 rel="preload" as="style"> 58 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block" 59 rel="stylesheet"> 60 61 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 62 rel="preload" as="style"> 63 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 64 rel="stylesheet"> 65 66 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 67 rel="preload" as="style"> 68 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 69 rel="stylesheet">
vendor: 75 bytes, lines 69-71
69 70 71 <script src="https://www.google.com/recaptcha/enterprise.js?render=
716LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT
vendor: 20 bytes, lines 71-72
71" defer></script> 72
72<script 73 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkzXdhpOE3VmUpHjl1ZqL5VBuLpJmMrkc&libraries=maps,marker" 74 async></script>
74 75 76
76<script> 77 if (!window.origin.includes('http://localhost')) { 78 window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; 79 heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455')); 80 } 81 </script>
81 82 83 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 84 rel="preload" as="style"> 85 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 86 rel="stylesheet"> 87 88 <style> 89 90 :root { 91 /* Light theme colors */ 92 --bg-primary: white; 93 --bg-secondary: #F2F2F2; 94 --bg-form: white; 95 --text-primary: #212121; 96 --text-secondary: #666; 97 --text-muted: #666666; 98 --border-primary: #2e549a; 99 --border-secondary: #D7D7D7; 100 --stroke-primary: #2e549a; 101 --stroke-secondary: currentColor; 102 --active-bg-opacity: 8%; 103 --active-text: #2e549a; 104 --hover-bg-opacity: 8%; 105 --hover-text: #2e549a; 106 --link-text: #666; 107 --link-hover: black; 108 --social-bg: #666; 109 --social-text: white; 110 --placeholder-text: #D7D7D7; 111 --focus-border: #777777; 112 --button-bg: transparent; 113 --button-text: #2e549a; 114 --button-border: #2e549a; 115 --button-hover-bg: transparent; 116 --button-hover-border: #2e549a; 117 --brand-primary: #2e549a; 118 --brand-overlay: rgba(46,84,154,0.08); 119 --brand-overlay-heavy: rgba(46,84,154,0.80); 120 --dim-overlay: rgba(0,0,0,0.4); 121 } 122 123 body { 124 background: linear-gradient(180deg, rgba(46, 84, 154, 0.08) 0px, rgba(46, 84, 154, 0.00) 520px); 125 } 126 127 .grecaptcha-badge { visibility: hidden; } 128 </style> 129 130 131 132
132<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
132 133 134 <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" /> 135 136
136<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
136 137
137<script src="/assets/banner-component-df2178bd5e74fa643d7e2d34c63f98ee00a1bb6d69b502a08043cecec055cee2.js"></script>
137 138 139
139<script async> 140 window.chowlyApiHost = 'https://api.chowlyinc.com'; 141 window.siteHost = 'https://sites.chowly.app'; 142 </script>
142 143 144
144<script type="application/ld+json"> 145 {"@type":"Restaurant","name":"Midtown Sports Grill","address":{"@type":"PostalAddress","streetAddress":"4521 Habersham St","addressLocality":"Savannah","addressRegion":"GA","postalCode":"31405","addressCountry":"US"},"telephone":"9123496350","geo":{"@type":"GeoCoordinates","latitude":32.0361859,"longitude":-81.1032404},"url":"https://www.midtownsportsgrill.com#location-41389","priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"23:59:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"23:59:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"23:59:00"}],"hasMenu":"https://www.midtownsportsgrill.com/menu","areaServed":["Ardsley Park","Midtown Savannah","Habersham Woods","Groveland","Kensington Park","Hull Park","Chatham Crescent","Oakdale Savannah","Medical Arts District","South Garden"],"@context":"https://schema.org"} 146 </script>
146 147</head> 148<body data-organization-id="49133"> 149 <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a> 150 <main id="main-content" role="main" data-maglev-dropzone> 151 <section class="grid grid-cols-2 gap-0 justify-center"> 152 <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-FYU2eG76" data-maglev-section-id="FYU2eG76" data-maglev-section-type="site_notification_01"> 153 <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center"> 154 <div class="w-[30px] h-[30px] overflow-hidden"> 155 <i class="text-white mds-food_bank" data-maglev-id="FYU2eG76.icon" aria-hidden="true"></i> 156 </div> 157 <span data-maglev-id="FYU2eG76.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p><strong>Fresh Fried Crab Claws Served in the Heart of Midtown Savannah</strong></p></span> 158 </section> 159</div><header class="sticky top-0 z-50 bg-[var(--bg-primary)] py-[16px] xl:py-[12px] shadow-md w-full col-span-2" id="section-dDb0AMpP" data-maglev-section-id="dDb0AMpP" data-maglev-section-type="standard_nav_01"> 160 <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]"> 161 <div class="flex items-center"> 162 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 163 <a href="/" aria-label="Midtown Sports Grill home"> 164 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2Cavif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1507-875765d0-6cd3-415d-a552-4c4b1ffb8f7e.png" alt="Midtown Sports Grill logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 165 </a> 166 </div> 167 168 <nav role="navigation" aria-label="Main navigation" class="hidden xl:block"> 169 <ul class="flex"> 170 171 172 <li> 173 <a data-maglev-id="1I1QNIOCZ6c.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/"><span data-maglev-id="1I1QNIOCZ6c.link.text">Home</span></a> 174 </li> 175 176 <li> 177 <a data-maglev-id="6nYot-1a6Vs.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/our-story"><span data-maglev-id="6nYot-1a6Vs.link.text">Our Story</span></a> 178 </li> 179 180 <li> 181 <a data-maglev-id="e_hW4nZmtrg.link" class="flex bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="page" href="/menu"><span data-maglev-id="e_hW4nZmtrg.link.text">Menu</span></a> 182 </li> 183 184 <li> 185 <a data-maglev-id="p97G6O4bMeY.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/contact-us-vcen"><span data-maglev-id="p97G6O4bMeY.link.text">Careers</span></a> 186 </li> 187 188 <li class="relative"> 189 <button id="more-menu-button" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3"> 190 More 191 <svg id="more-arrow" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 192 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 193 </svg> 194 </button> 195 <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300"> 196 <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow"> 197 <div class="grid grid-cols-3 gap-4"> 198 <div class="w-full mb-2"> 199 <a data-maglev-id="VP0UD69Irpk.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/contact-us"><span data-maglev-id="VP0UD69Irpk.link.text">Contact Us</span></a> 200 </div> 201 </div> 202 </div> 203 </div> 204 </li> 205 </ul> 206 </nav> 207 </div> 208 209 <!-- Right side: Mobile toggle + Desktop buttons --> 210 <div class="flex items-center gap-2"> 211 <!-- Mobile menu toggle --> 212 <div class="xl:hidden"> 213 <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu"> 214 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 215 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 216 </svg> 217 </button> 218 </div> 219 220 <!-- Desktop buttons (hidden on mobile) --> 221 <div class="hidden xl:flex items-center gap-2"> 222 <!-- Primary Order Now button (hardcoded) --> 223 <a href="/stores" class="inline-flex items-center justify-center h-12 px-8 bg-[var(--brand-primary)] text-white text-base font-semibold rounded-md hover:brightness-90">Order Now</a> 224 225 <!-- Secondary button (optional, configurable) --> 226 </div> 227 </div> 228 </div> 229 230 <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto" aria-hidden="true"> 231 <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10"> 232 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 233 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
233avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1507-875765d0-6cd3-415d-a552-4c4b1ffb8f7e.png" alt="Midtown Sports Grill logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 234 </div> 235 <button id="menu-close" class="focus:outline-none" aria-label="Close menu"> 236 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 237 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 238 </svg> 239 </button> 240 </div> 241 242 <nav role="navigation" aria-label="Mobile navigation" class="pb-32"> 243 <ul class="flex flex-col items-start px-5 space-y-6 mt-8"> 244 245 <li> 246 <a data-maglev-id="1I1QNIOCZ6c.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/"><span data-maglev-id="1I1QNIOCZ6c.link.text">Home</span></a> 247 </li> 248 249 <li> 250 <a data-maglev-id="6nYot-1a6Vs.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/our-story"><span data-maglev-id="6nYot-1a6Vs.link.text">Our Story</span></a> 251 </li> 252 253 <li> 254 <a data-maglev-id="e_hW4nZmtrg.link" class="bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] py-2 px-4 text-sm font-semibold pl-3" aria-current="page" href="/menu"><span data-maglev-id="e_hW4nZmtrg.link.text">Menu</span></a> 255 </li> 256 257 <li> 258 <a data-maglev-id="p97G6O4bMeY.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/contact-us-vcen"><span data-maglev-id="p97G6O4bMeY.link.text">Careers</span></a> 259 </li> 260 261 <li> 262 <a data-maglev-id="VP0UD69Irpk.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/contact-us"><span data-maglev-id="VP0UD69Irpk.link.text">Contact Us</span></a> 263 </li> 264 </ul> 265 </nav> 266 267 <div class="fixed bottom-0 left-0 w-full flex items-center justify-center gap-2 py-8 px-4 bg-[var(--bg-primary)] border-[var(--border-secondary)]"> 268 <!-- Primary Order Now button (hardcoded) --> 269 <a href="/stores" class="inline-flex h-12 px-8 justify-center items-center gap-2 flex-shrink-0 rounded-[6px] bg-[var(--brand-primary)] text-white text-[15px] font-semibold leading-[150%] hover:brightness-90">Order Now</a> 270 271 <!-- Secondary button (optional, configurable) --> 272 </div> 273 </div> 274</header>
275<script> 276 const menuToggle = document.getElementById('menu-toggle'); 277 const menuClose = document.getElementById('menu-close'); 278 const mobileMenu = document.getElementById('mobile-menu'); 279 280 menuToggle.addEventListener('click', () => { 281 mobileMenu.classList.remove('hidden'); 282 mobileMenu.setAttribute('aria-hidden', 'false'); 283 menuToggle.setAttribute('aria-expanded', 'true'); 284 }); 285 286 menuClose.addEventListener('click', () => { 287 mobileMenu.classList.add('hidden'); 288 mobileMenu.setAttribute('aria-hidden', 'true'); 289 menuToggle.setAttribute('aria-expanded', 'false'); 290 }); 291 292 document.addEventListener('DOMContentLoaded', function() { 293 // More menu dropdown functionality 294 const moreButton = document.getElementById('more-menu-button'); 295 const moreDropdown = document.getElementById('more-dropdown'); 296 const moreArrow = document.getElementById('more-arrow'); 297 298 if (moreButton && moreDropdown && moreArrow) { 299 let isOpen = false; 300 let isHoveringButton = false; 301 let isHoveringDropdown = false; 302 let dropdownTimeout; 303 304 function showDropdown() { 305 clearTimeout(dropdownTimeout); 306 moreDropdown.classList.remove('hidden'); 307 moreDropdown.style.opacity = '1'; 308 moreArrow.classList.add('rotate-180'); 309 isOpen = true; 310 } 311 312 function hideDropdown() { 313 moreDropdown.style.opacity = '0'; 314 moreArrow.classList.remove('rotate-180'); 315 316 dropdownTimeout = setTimeout(() => { 317 moreDropdown.classList.add('hidden'); 318 isOpen = false; 319 }, 300); 320 } 321 322 function toggleDropdown() { 323 if (isOpen) { 324 hideDropdown(); 325 } else { 326 showDropdown(); 327 } 328 } 329 330 function updateDropdownVisibility() { 331 if (isHoveringButton || isHoveringDropdown) { 332 showDropdown(); 333 } else { 334 hideDropdown(); 335 } 336 } 337 338 moreButton.addEventListener('click', function(e) { 339 e.preventDefault(); 340 toggleDropdown(); 341 }); 342 343 moreButton.addEventListener('mouseenter', () => { 344 isHoveringButton = true; 345 updateDropdownVisibility(); 346 }); 347 348 moreButton.addEventListener('mouseleave', () => { 349 isHoveringButton = false; 350 toggleDropdown(); 351 }); 352 353 moreDropdown.addEventListener('mouseenter', () => { 354 isHoveringDropdown = true; 355 updateDropdownVisibility(); 356 }); 357 358 moreDropdown.addEventListener('mouseleave', () => { 359 isHoveringDropdown = false; 360 toggleDropdown(); 361 }); 362 363 document.addEventListener('click', function(e) { 364 if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) { 365 hideDropdown(); 366 } 367 }); 368 } 369 370 // Locations dropdown functionality (desktop main nav) 371 const locationsContainers = document.querySelectorAll('.locations-dropdown-container'); 372 locationsContainers.forEach(container => { 373 const button = container.querySelector('.locations-dropdown-button'); 374 const dropdown = container.querySelector('.locations-dropdown'); 375 const arrow = container.querySelector('.locations-arrow'); 376 377 if (button && dropdown && arrow) { 378 let isOpen = false; 379 let hoverTimeout; 380 381 function showLocationsDropdown() { 382 clearTimeout(hoverTimeout); 383 dropdown.classList.remove('hidden'); 384 arrow.classList.add('rotate-180'); 385 isOpen = true; 386 } 387 388 function hideLocationsDropdown() { 389 hoverTimeout = setTimeout(() => { 390 dropdown.classList.add('hidden'); 391 arrow.classList.remove('rotate-180'); 392 isOpen = false; 393 }, 150); 394 } 395 396 button.addEventListener('click', (e) => { 397 e.preventDefault(); 398 if (isOpen) { 399 hideLocationsDropdown(); 400 } else { 401 showLocationsDropdown(); 402 } 403 }); 404 405 container.addEventListener('mouseenter', showLocationsDropdown); 406 container.addEventListener('mouseleave', hideLocationsDropdown); 407 408 document.addEventListener('click', (e) => { 409 if (isOpen && !container.contains(e.target)) { 410 dropdown.classList.add('hidden'); 411 arrow.classList.remove('rotate-180'); 412 isOpen = false;
413 } 414 }); 415 } 416 }); 417 418 // Locations dropdown in "More" menu 419 const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container'); 420 locationsMoreContainers.forEach(container => { 421 const button = container.querySelector('.locations-more-button'); 422 const dropdown = container.querySelector('.locations-more-dropdown'); 423 const arrow = container.querySelector('.locations-more-arrow'); 424 425 if (button && dropdown && arrow) { 426 let isOpen = false; 427 428 button.addEventListener('click', (e) => { 429 e.preventDefault(); 430 e.stopPropagation(); 431 if (isOpen) { 432 dropdown.classList.add('hidden'); 433 arrow.classList.remove('rotate-180'); 434 isOpen = false; 435 } else { 436 dropdown.classList.remove('hidden'); 437 arrow.classList.add('rotate-180'); 438 isOpen = true; 439 } 440 }); 441 442 container.addEventListener('mouseenter', () => { 443 dropdown.classList.remove('hidden'); 444 arrow.classList.add('rotate-180'); 445 isOpen = true; 446 }); 447 448 container.addEventListener('mouseleave', () => { 449 dropdown.classList.add('hidden'); 450 arrow.classList.remove('rotate-180'); 451 isOpen = false; 452 }); 453 } 454 }); 455 456 // Mobile locations toggle 457 const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle'); 458 mobileLocationsToggles.forEach(toggle => { 459 const arrow = toggle.querySelector('.mobile-locations-arrow'); 460 const list = toggle.parentElement.querySelector('.mobile-locations-list'); 461 462 if (arrow && list) { 463 toggle.addEventListener('click', (e) => { 464 e.preventDefault(); 465 list.classList.toggle('hidden'); 466 arrow.classList.toggle('rotate-180'); 467 }); 468 } 469 }); 470 }); 471</script>
471 472 473<style> 474 .rotate-180 { 475 transform: rotate(180deg); 476 transition: transform 300ms; 477 } 478 479 #more-dropdown { 480 opacity: 0; 481 transition: opacity 300ms; 482 position: absolute; 483 top: 100%; 484 left: 50%; 485 right: 0; 486 width: 80vw; 487 margin-left: auto; 488 margin-right: auto; 489 z-index: 50; 490 transform: translateX(calc(-50% + 10vw)); 491 } 492 493 .dropdown-top-shadow { 494 box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06), 495 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 496 } 497 498 .locations-dropdown { 499 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 500 } 501 502 .locations-more-dropdown { 503 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 504 } 505</style> 506 507 508<section class="w-full xl:px-0 col-span-2" role="banner" id="section-DlCqLZcy" data-maglev-section-id="DlCqLZcy" data-maglev-section-type="hero_cta_01"> 509 <div class="vidbg-068caca3a3f11b88709a1218 w-full h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url(/maglev/assets/f9b47b94-13d2-441c-9e83-e526a4f6df80-hero-20-282-29.avif);"> 510 511 512 <div class="absolute inset-0 bg-black/40 "></div> 513 514 <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16"> 515 <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 516 <h2 data-maglev-id="DlCqLZcy.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Savannahâs neighborhood flavor</h2> 517 </header> 518 <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 519 <p data-maglev-id="DlCqLZcy.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]">Exceptional cuisine and curated drinks in the heart of Habersham Village. Fresh, local, and never out of style.</p> 520 </div> 521 <div class="mt-2"> 522 <a data-maglev-id="DlCqLZcy.button" class="block md:inline-block bg-[var(--brand-primary)] text-white py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md md:self-start" href="#"><span data-maglev-id="DlCqLZcy.button.text">View Menu</span></a> 523 </div> 524 </article> 525 526 527 <style> 528 529 530 531 </style> 532 </div> 533</section><footer class="w-full mx-auto bg-[var(--bg-primary)] py-8 col-span-2" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" id="section-C803vDZW" data-maglev-section-id="C803vDZW" data-maglev-section-type="standard_footer_01"> 534 <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6"> 535 536 <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4"> 537 <div class="col-span-1 order-2 xl:order-1"></div> 538 539 <nav class="col-span-1 flex justify-center space-x-6 xl:space-x-8 order-1 xl:order-2" aria-label="Social media links"> 540 <a data-maglev-id="DJy4m0LJmzg.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-facebook-f" href="https://www.facebook.com/midtownsportsgrill"> 541 <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="DJy4m0LJmzg.icon"></i> 542</a> <a data-maglev-id="u-fnvicTIBY.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-instagram" href="https://www.instagram.com/midtown_sports_grill/"> 543 <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="u-fnvicTIBY.icon"></i> 544</a> <a data-maglev-id="IDyWcM6Tt-U.link" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="mds-filled-phone_enabled" href="tel: 912-349-6350"> 545 <i class="text-[24px] pt-[4px] mds-filled-phone_enabled" data-maglev-id="IDyWcM6Tt-U.icon"></i> 546</a> </nav> 547 548 <div class="col-span-1 hidden xl:block order-3"></div> 549 </div> 550 551 <div class="w-full flex flex-col xl:flex-row justify-between items-center text-[var(--text-secondary)] text-sm font-normal leading-[142.857%] space-y-3 xl:space-y-0 mt-2 xl:mt-6"> 552 <nav class="flex flex-wrap justify-center xl:justify-start flex-grow
552space-x-4 xl:space-x-6 xl:pl-0" aria-label="Legal links"> 553 <a href="https://koala-configurations.s3.amazonaws.com/public/assets/Chowly-Terms-and-Conditions-b3cca027-acb6-42db-9d1f-11080e29b1e1.pdf" target="_blank" rel="noopener" class="mb-2">Terms of Use</a> 554 <a href="https://koala-configurations.s3.us-east-1.amazonaws.com/public/assets/Chowly-Privacy-Policy-202f4118-faeb-4593-8574-57dc447ae203.pdf" target="_blank" rel="noopener" class="mb-2">Privacy Policy</a> 555 </nav> 556 557 <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization"> 558 <span>Midtown Sports Grill</span>⢠<span itemprop="copyrightYear">2026</span> All Rights Reserved 559 </p> 560 <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p> 561 </div> 562 </div> 563</footer> 564 </section> 565 </main> 566 567</body> 568</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.