[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.24.0″ _module_preset=”default” da_disable_devices=”off|off|off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.24.0″ _module_preset=”default” global_colors_info=”{}”] =========================================================================== SMASH PARK \u2014 REWARDS HERO + HOURS \u2014 Roseville =========================================================================== This replaces the SMASH PARK \/ ROSEVILLE hero at the very top of the page, and puts a strip of business hours directly under it. It keeps everything the old hero did: \u00b7 the venue name and city are still there, as the page’s H1 \u00b7 RESERVE YOUR PLAY is still a button, now secondary to Join rewards \u00b7 DIRECTIONS & HOURS moved into the hours strip, where it belongs ————————————————————————— HOW TO INSTALL \u2014 the full-width part matters ————————————————————————— The hero runs edge to edge. The clean way in Divi is a Fullwidth Section, which needs no CSS tricks: 1. Edit smashpark.com\/roseville\/ in Divi. 2. Delete the current hero section (the photo with SMASH PARK on it). 3. Add a FULLWIDTH SECTION in its place \u2014 in Divi’s blue “add section” menu that is the middle option, not the standard one. 4. Inside it add a FULLWIDTH CODE module and paste this ENTIRE file in. 5. Save. IF YOU CAN’T GET A FULLWIDTH SECTION: paste into an ordinary Code module and uncomment the FALLBACK block at the bottom of the styles. It pulls the hero out to the screen edges with negative margins and includes one global line, html { overflow-x: clip; }, that stops Windows machines showing a thin sideways scrollbar. The Fullwidth Section is better; use the fallback only if you need it. ————————————————————————— THE PICKLEBALL SLIDER CAN NOW STAY Putting rewards up here instead of in the slider solves the problem I raised last time. The seven slides keep their home, so Season Ticket and 3 for $30 do not lose their only spot on the page \u2014 and rewards gets more prominence than it would have had down there. This is the better version of the two. ————————————————————————— THE HOURS STRIP FEEDS ITSELF FROM YOUR APP ————————————————————————— You asked for hours from the app, so that’s where it reads them \u2014 the same record the events feed uses. It pulls five things and keeps them current without you touching this file again: \u00b7 the opening hours, as today’s status AND the week beside it \u00b7 the street address \u00b7 the phone number \u00b7 and both the address and Get directions open your Google Business Profile, which is what people actually want from “directions” Change any of that in the app and the website follows. Nothing is typed into this file twice, so the two can never disagree. It works out open-or-closed in the venue’s own timezone, so a visitor in another zone sees your hours and not theirs, and it rechecks every minute. Hours are cached for six hours in the visitor’s browser, so this costs one small request per visitor per six hours, not one per page view. IF THE APP IS UNREACHABLE the whole strip stays hidden rather than showing a blank or stale one. The page above it is unaffected. ONE THING TO CHECK \u2014 THE OPENING TIME Your app has this venue opening at 8:00 AM every single day of the week. The closing times vary sensibly (11 PM weekdays, midnight Friday and Saturday, 10 PM Sunday), so those look real \u2014 but an identical 8:00 AM seven days running is what a default looks like, not a schedule. For comparison, La Vista and Westerville both have varied opening times in the app (10 AM weekdays, 9 AM weekends), which is what a maintained record looks like. So this one is worth checking. Two ways to fix it: \u00b7 Best \u2014 correct it in the app. It then fixes everywhere at once: here, the app itself, and anything else reading that record. \u00b7 Quick \u2014 set OPEN_OVERRIDE in the script below to the real opening time, e.g. ’11:00′. That changes this strip only, and it applies to every day, so it suits a venue that opens at the same time daily. ————————————————————————— THE PHOTO The photo you sent of the two kids holding PLAY cards, cropped to a landscape band that keeps both faces and both cards. Same picture on all four venues. UPLOAD IT FIRST \u2014 it is not on your sites yet. For each venue: Media > Add New, upload rewards-arcade-cards.jpg, then check the URL matches the one in the –photo line below. If WordPress renames it (because a file of that name already exists) paste the real URL over it. I cropped it to 1800×1200 and saved it at 368KB, down from the 3024×4032 original. The full-size one would have been several megabytes on every page load for no visible gain. Where the photo sits in its frame is set by –photo-pos in the styles. It is 65%, not centre: at 50% the girl’s card clipped on the right edge, and 65% pushes the pair in so both PLAY cards sit clear of the navy fade. If you swap the photo, higher shows more of the picture’s right side. ————————————————————————— THE COPY AND THE LINK The claims are from your own \/roseville\/rewards-2\/ page \u2014 the $10 arcade card that day, the free Shareable next visit \u2014 so the two can’t drift. The yellow button goes to the app’s rewards page in a new tab. I trimmed the “?_gl=…” off the URL you sent: it is a Google Analytics cross-domain tag made for your browser when you copied it, it expires, and hard-coding it would attach your session’s ID to everyone who clicks. The plain URL lands in the same place. RESERVE YOUR PLAY points at the same app reservations page your nav uses. ————————————————————————— ONE THING TO FIX SEPARATELY Your home page currently has TWELVE H1 headings. A page should have one. This block contributes exactly one (“Smash Park \u00b7 Roseville, MN”), but the other eleven come from modules further down and are worth cleaning up \u2014 it is the kind of thing that quietly holds a page back in search. ————————————————————————— HOW IT RESPONDS Desktop \/ tablet words left, photo right, hours strip underneath Phone (767 down) photo on top, words beneath, buttons full width ===========================================================================–><\/p>\n
The supporting line’s job is “and then what?” \u2014 the headline is the joining gift, so this one is the ongoing reason to stay. –> <\/div>\n <\/p>\n <\/div>\n It fills itself from the app; if that fails it stays hidden. –> <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/p>\n