aliciabrothers

The header image on our website looks awesome - we are able to highlight two distinct parts of the business. However, on mobile we are stuck without an image because of the size of the image and then the placement of the "beer garden" and "weddings" How can I shrink down the image to work in the header in mobile and make the mobile experience just as impactful? Thank you in advance!

I am hoping to be able to figure out how to change the standard hamburger menu in the navigation to arrows - or something that signifies a drop down to show the menu. I found the following code that would change the hamburger to "menu" but I would prefer a down arrow something that is visually appealing but also will be helpful to visitors to tell them it is a drop down. .burger-box:after { content: "Menu"; width: 60px; height: 30px; display: block; color: white; font-size: 20px; visibility: visible; } .burger-box div { display: none; } Thank you!