inside_the_square

Just like how delicious food can tantalize taste buds, a restaurant's website should whet the appetites of potential customers. Squarespace can be a perfect platform to build a beautiful and informative website that will have them booking reservations in no time. This post will walk you through the essential ingredients for your restaurant's Squarespace website, ensuring it leaves a lasting impression. Setting the Scene: Essential Pages for Your Restaurant Website A Squarespace website allows you to connect with hungry patrons, showcase your culinary creations, and establish your restaurant's unique identity. Here are the key pages to get you started: Home Page: The Appetizer The Home Page is the digital welcome mat of your website, the first bite visitors will take of your online presence. Here, you have the opportunity to capture their attention and set the tone for their virtual dining experience. Hero Image: This is your website's centerpiece, a high-quality visual that grabs attention and encapsulates the essence of your restaurant. Consider a delectable close-up of your signature dish, a warm and inviting image of your dining room bustling with happy diners, or a captivating video showcasing your chefs at work, preparing culinary masterpieces. Tempting Description: In a few concise and captivating sentences, highlight your culinary focus, whether it's a specific cuisine, locally-sourced ingredients, or a unique dining experience. Briefly mention your restaurant's atmosphere, enticing visitors to delve deeper and explore the rest of your website. Clear Call to Action: Don't leave your visitors wondering what to do next. Tell them clearly what action you want them to take, whether it's browsing your menu, making a reservation online, or ordering takeout for a delicious meal at home. Pro Tip: Squarespace integrates with OpenTable & Tock! OpenTable is a reservation system that lets your website visitors book reservations or sign up for waitlists. Learn more about this integration in this support article: support.squarespace.com/hc/en-us/articles/206544067-OpenTable-blocks Tock is a reservation program that integrates with your Squarespace site. Visitors can book tables at your restaurant or RSVP to events with a pop-up where they fill in reservation details. All the booking is handled through Tock and they have a variety of plans and features for different size restaurants. Learn more about this integration in this support article: support.squarespace.com/hc/en-us/articles/4407879374477-Reservations-blocks-for-Tock Menu Page: The Main Course The Menu Page is the heart of your website, the star of the show. Here, you'll showcase the culinary creations that will tantalize taste buds and have visitors eager to make a reservation. A La Carte or Categorized: Organize your menu in a way that is clear, easy to navigate, and visually appealing. Consider presenting your dishes a la carte or categorizing them by course (appetizers, entrees, desserts) or type of cuisine (pasta, seafood, vegetarian options). This user-friendly approach allows visitors to quickly find the items that pique their interest. High-Quality Photos: Every dish deserves to be visually celebrated! Include mouthwatering appetizing photographs of each menu item. Invest in professional photography that captures the vibrant colors, fresh ingredients, and artful presentation of your food. A well-placed photo can be the deciding factor for a hungry visitor, turning their browsing into a craving for your culinary creations. Enticing Descriptions: Don't just list the ingredients - tell a story! Craft brief but compelling descriptions for each dish, highlighting the fresh, seasonal ingredients you use and the unique flavor profiles diners can expect. Use descriptive language to entice the senses, mentioning savory sauces, perfectly cooked proteins, and delightful textures. Pro Tip: Hosting a PDF of your menu is a fast way to get it on your site, but it won’t be searchable, clickable, and it might be difficult to read on smaller screen sizes. You can avoid all those headaches by using the Squarespace menu block. This content block will display your menu in a text based format that matches the rest of your site. It also has a cool feature that lets you display a category of menu items, so people can quickly toggle between lunch and dinner, or even highlight your unique vegetarian options in their own category. For more info, check out this support article: support.squarespace.com/hc/en-us/articles/206544087-Menu-blocks About Us Page: Sharing Your Culinary Story The About Us Page is your chance to connect with potential customers on a deeper level, inviting them into the story behind your restaurant. Here, you can weave a narrative that captures the heart and soul of your establishment, fostering a sense of connection and trust with your audience. Tell Your Restaurant's Story: Where did your culinary journey begin? Was it a lifelong dream, a family recipe passed down through generations, or a passion for a specific cuisine? Share the inspiration behind your restaurant's creation, the values that guide your approach to food, and the unique philosophy that sets you apart. Let your visitors understand the "why" behind your restaurant, the driving force that fuels your dedication to providing a memorable dining experience. Introduce Your Team: Put a face to the name! Showcase the talented individuals who bring your culinary vision to life. Feature your chefs, wait staff, and any other key members of your team. Briefly highlight their experience, their areas of expertise, and their passion for creating exceptional food and service. This personal touch allows potential customers to connect with the people who create the magic behind each dish they'll enjoy at your restaurant. A Glimpse into Your Ambiance: Let your website visitors experience the atmosphere of your restaurant before they even step through the door. Include captivating photos of your restaurant's interior and exterior. Capture the warm lighting, comfortable seating arrangements, and any unique design elements that contribute to your dining space's character. Showcase photos of satisfied customers enjoying their meals, creating a sense of vibrancy and community that will entice potential diners to join the experience. Contact Us Page: How to Find Your Table The Contact Us Page is the bridge between the digital world of your website and the in-person experience you offer at your restaurant. Here, you'll provide all the essential information potential customers need to connect with you, make reservations, and plan their visit. Making Connections Easy: Your Contact Us Page should clearly display your restaurant's address, phone number, and email address in a prominent location. Consider incorporating a map integration to visually guide visitors to your doorstep. Additionally, if you utilize an online reservation system like OpenTable, embed the reservation content block directly on the page, allowing visitors to seamlessly book a table with just a few clicks. Social Butterfly: In today's digital age, social media is a powerful tool for connecting with potential customers. Include links to your active social media profiles on platforms like Instagram and Facebook. Showcase stunning photos of your dishes, share updates about special events and promotions, and engage with your audience to build a sense of community. Open Communication: Let your visitors know you value their feedback! Consider including a contact form on your page, allowing them to send questions, comments, or suggestions directly to your team. Make sure you update the post submit form text to let people know their message was sent and when they should expect to hear from you. Extra Flavor: Features to Spice Up Your Website and Attract New Diners The essential pages we've covered provide a solid foundation for your restaurant's website, but Squarespace offers a treasure trove of additional features that can elevate your online presence and attract a wider audience of hungry customers eager to discover your amazing food. Let's delve into some of these features and explore how they can add "extra flavor" to your website, transforming it into a powerful marketing tool. Tempt with a Blog: Share Your Culinary Expertise and Passion A blog on your restaurant's website is more than just a digital recipe box. It's a platform to showcase your culinary knowledge, share your passion for food, and engage with potential diners on a deeper level. Here are some key benefits of adding a blog to your website: Content is King: Search engines reward websites with fresh, informative content. Regularly updated blog posts can improve your website's ranking in search results, making it more discoverable by potential customers who are searching for restaurants in your area. Showcase Your Expertise: Share your culinary knowledge and creativity through blog posts featuring recipes, chef interviews, or food pairing recommendations. This content positions you as an authority in the culinary world, building trust and credibility with potential diners. Fuel Curiosity and Cravings: Use your blog to tease upcoming menu items, highlight seasonal ingredients, or share behind-the-scenes glimpses into your kitchen. This creates a sense of anticipation and excitement, enticing readers to visit your restaurant and experience your culinary creations firsthand. Build Community: A blog fosters a two-way conversation with your audience. Encourage comments and questions on your blog posts, allowing you to connect with potential customers and address their specific interests. This interaction fosters a sense of community and loyalty, drawing diners closer to your restaurant. Targeted Marketing: Your blog content can be a powerful marketing tool. Promote special offers, announce upcoming events, or highlight new menu items through blog posts. This targeted approach allows you to reach potential customers who are already interested in what your restaurant has to offer. Order Pickup Options: Convenience is Key in Today's World In our fast-paced world, convenience reigns supreme. Offering online ordering through your website allows customers to seamlessly place a pickup order from your restaurant, satisfying their cravings without the need for a phone call. Here's how online ordering can benefit your restaurant: Increased Sales: By offering online ordering, you remove a barrier to entry for potential customers. Those who might hesitate to pick up the phone can easily place an order with a few clicks, leading to a potential increase in sales. 24/7 Ordering: Your website never sleeps! Online ordering allows customers to place orders outside of your regular business hours, capturing those late-night cravings and spontaneous decisions to enjoy a delicious meal at home. Improved Order Accuracy: Online ordering systems minimize the risk of errors that can sometimes occur during phone orders. Customers can customize their orders exactly as they like, leading to a more positive dining experience. Data Collection: Many online ordering systems capture valuable customer data, such as order history and preferences. This information allows you to personalize marketing efforts and target promotions to specific customer segments. This Squarespace feature is not the same as home delivery programs like DoorDash or UberEats. Check out this article for more information on local pickup options that are built right into Squarespace: https://support.squarespace.com/hc/en-us/articles/207100347-Local-pickup Showcase Your Reviews: Building Trust Through Social Proof Positive customer reviews and testimonials are like digital gold for your restaurant. Featuring them prominently on your website can significantly impact your ability to attract new diners. Here's why showcasing reviews is a recipe for success: Social Proof in Action: Positive reviews from satisfied customers act as social proof, validating your restaurant's quality and trustworthiness. Potential diners are more likely to patronize a restaurant that boasts glowing reviews from others. Building Trust: Reviews offer a glimpse into the real-life experiences of your customers. Showcasing positive reviews allows potential diners to trust that they'll have a delicious and enjoyable dining experience at your restaurant. Addressing Concerns: Negative reviews, while not ideal, can be an opportunity to showcase your commitment to customer satisfaction. By responding promptly and professionally to negative reviews, you demonstrate your dedication to resolving issues and improving your service. A Conversation Starter: Reviews can spark conversation and engagement on your website. Encourage customers to leave reviews and respond to comments, fostering a sense of community and interaction. Events Calendar: Keep Customers Informed and Engaged Does your restaurant host special events, themed nights, or cooking classes? An events calendar on your website is a fantastic way to keep potential customers informed and engaged. Use an events page inside Squarespace to showcase any special events or theme nights you’re hosting. These event pages can be easily added to a calendar with a click, and you can feature content blocks like OpenTable, Tock or a custom menu for the event! Picking The Perfect Template Squarespace offers beautiful pre-made templates designed specifically for restaurants, but all of the features mentioned in this article can be added to any site! Here are a few template suggestions that you’ll find in Squarespace, and from talented Squarespace designers: Proud of your menu? Show it off with Pine: https://pine-fluid-demo.squarespace.com/ Ready for reservations? Tantillo is designed for that: https://tantillo-fluid-demo.squarespace.com/ Have an engaging origin story? Share the savory details in Eldridge: https://eldridge-fluid-demo.squarespace.com/ Show how simple elegance can be stunning with Juniper: https://juniper-fluid-demo.squarespace.com/ If you liked this article, be sure to follow me here on the Squarespace Forum and on my YouTube channel at youtube.com/insidethesquare. I’ve got a lot more to share about all the creative ways you can make Squarespace uniquely yours, and will be posting often! Next up: photographers, authors, and individual service providers. Please Share Your Thoughts: Is there a restaurant tip you want to share, or an epic template we can add to the list? What industry should we talk about next? Take a second to let me know - I’m excited to read your thoughts 😊

Thanks for opening up the conversation on the forum @justinjamesclack! 🙌 I totally agree with you - the template building part was pretty basic, especially for those of us who are familiar with Squarespace, but the generative text for every page was really intersting to see. This could be helpful for my clients with sever writers block; something to get them started, as long as they know that they need to customize it and make it unique. Blueprint is an interesting sidestep into a hot topic, and it has a lot of potential. But my biggest question still remains - if it's called Squarespace blueprint - why on earth did they not use the url slug squarespace.com/blueprint ?!?! 😂

Hey everyone! Thank you so much or all of your suggestions. 🥰 There are so many good ideas on this thread!!! I stared with musicians, and have restaurants & authors next on my list, with 4 other ideas for lined up after that. Please keep suggesting topics for me, and give this post a little love if you like my writing style:

What do David Bowie, Alanis Morissette, Sia, and Xavier White have in common? They all rock their online presence using Squarespace, and you can too! This post will help you create a website as awesome as the unique sounds you share with your fans. You’ll learn about Squarespace features that you can use to share your music, info about your next gig and even manage new merch without having to juggle the inventory yourself. Your Online Stage Presence: Essential Pages for Your Musician Website Your Squarespace website can help you connect with fans, showcase your music, and tell the world what you're all about. Here are the essential pages to get you started and rocking online: Home Page: Your Spotlight Moment The Home Page is your website's first impression, so make it count! Here's what to include: A killer hero image: This could be a high-quality photo of you performing, your album cover, or anything that captures your vibe. You can also feature a background video, adding some eye-catching motion to your home page. A captivating bio: In a few short sentences, tell the world who you are, what kind of music you make, and why they should be listening. Keep it interesting but easy to understand, like you're having a conversation with a friend. Links to your music: Make it easy for fans to find your music. Embed your music player directly on the homepage, or link to your profiles on streaming platforms like Spotify or Apple Music. Pro Tip: Don't forget a clear "Call to Action" (CTA) on your homepage. This tells fans what you want them to do next, like subscribing to your mailing list to be notified of your next event, buying your latest album with a product block, or checking out your tour dates with a link to your event page. About Page: Sharing Your Story The About Page is your chance to connect with fans on a deeper level. Here, you can: Tell your story: How did you get started with music? What inspires you? Tell the story behind your sound, your album art, or even your creative artist name. Introduce your band members (or you, if you’re a solo artist!): Let fans get to know the people behind the music. Include fun facts and anecdotes to help people connect with you on a personal level. Share photos and videos: Show fans behind-the-scenes glimpses, performance photos, or anything that gives them a taste of your personality. Pro Tip: Encourage your community to contribute! Feature Instagram posts where fans have tagged you and link to your social profiles so they can follow you there, too. Music Page: Where Your Music Shines This is the heart of your website, where fans come to experience your music. Here's how to make it awesome: Showcase your music: You have a few different options here: You can upload your audio files directly to Squarespace. This is great if you're selling your music directly through your website. You can upload a sample of the audio file and then add a link to the physical or digital product. Embed music from streaming platforms like SoundCloud. This is a good option if you already have a presence on those platforms. Make it easy for fans to listen, purchase, or pre-order your music: Link to your music stores (iTunes, Bandcamp, etc.) or offer downloads directly on your website (through Squarespace's built-in e-commerce features). Tour Dates Page: Promote Your Next Event This page is essential to let fans know where they can see you live! You’ll find a few creative ways to do this using Squarespace. You can Use an event page type to page to display info about upcoming events, and past events, too. For each event, make sure you include the cities, and venues, with a link to ticket sales for each individual show. You can also link directly to Bandsintown. Squarespace lets you integrate Bandsintown blocks that seamlessly blend with your website's design. These blocks display your tour dates, festivals, or even live-stream shows directly from your Bandsintown profile. Here's the coolest part: Visitors can RSVP to concerts, buy tickets, join live-stream shows, and get notified about future gigs, all through links embedded right in the block. It's a one-stop shop for your fans to stay connected and rock out with you live, and it can be embedded directly into the Squarespace website you’ve created. A quick side note about using Bandsintown with Squarespace: You'll need to set the dates, text, and buttons you want to appear by heading over to your Bandsintown account. Learn more about the Bandsintown blocks. Contact Page: Stay Connected with Your Fans Consider creating a page to help your fans stay connected to you: Add a newsletter block to collect email addresses from your fans! You'll be able to use Squarespace Campaigns to send them updates about new music, tour dates, and exclusive content. Add your social media links. Make sure fans can find you on all the major platforms like Instagram, YouTube, and any other place you regularly post your creative content. Additional Features to Supercharge Your Musician Website Rocking the essential pages is a great start, but there's always room to crank your website up to eleven! Here are some bonus features to consider, transforming your website from a stage to a full-fledged fan zone: Let Your Inner Poet Speak with A Blog Ever wanted to share your thoughts, stories, and creative process with the world? A blog is your platform! You can: Write about your musical journey: Share your experiences, songwriting inspirations, or even gear reviews. Post behind-the-scenes content: Give fans exclusive access to recording sessions, music video shoots, or tour shenanigans. (Just keep it PG-rated, alright?) Connect with fans on a deeper level: Show your personality, humor, and what makes you tick. Gear Up Your Fans with Merch Let your fans wear their fandom loud and proud with a killer merch store! Selling your own merchandise is a fantastic way to generate some extra income to support your music career. Squarespace allows you to sell both physical and digital merch. You can offer downloadable content like exclusive song demos, ringtones, or high-resolution wallpapers. Squarespace has built-in e-commerce features that will deliver these digital products to you. You can also use Squarespace to sell physical merch. T-shirts, hoodies, hats, posters – the sky's the limit! Design your own merch or partner with a printing company, like Printful. Printful makes it easier than ever because they integrate directly with Squarespace! You can upload your own images, like your band's logo or your latest album artwork, and Printful handles the rest. Yup, they print, they ship, and there is no minimum order amount and no more inventory to keep track of; Printful does it all for you. Learn more about Custom Merch. Building Your Fan Base with Mailing Lists Your website visitors are awesome, but a mailing list lets you build a dedicated fan base. With a mailing list, you can: Stay connected with fans: Send out updates about new music, tour dates, or exclusive content. Offer special promotions: Give your email subscribers exclusive discounts on merch or early access to new releases. Build anticipation: Tease upcoming projects or share behind-the-scenes sneak peeks to keep fans engaged. Pro tip: add a newsletter block to the footer of your website so it’s visible on every page. When people sign up, you can send them an auto email, welcoming them to your email list, and notify them of events, offers, and more using Squarespace campaigns. Get To Know Your Audience with Analytics Understanding your audience can help you create new content that truly connects with them. Squarespace has built-in analytics that give you valuable insights into your website traffic. You can see: How many people are visiting your website: Track your website's growth and see how effective your promotional efforts are. Where your visitors come from: This helps you understand your audience demographics and tailor your content accordingly. What pages are most popular: See which content resonates most with your fans and focus on creating more of what they love. Recap: How To Rock the Web with Your Own Musician Website There you have it, music makers! With a website built on Squarespace, you'll have everything you need to create a killer online presence that showcases your talent, connects with fans, and takes Here is a quick list-style recap to help you get started: Decide how to share your music. Upload an audio track or embed content from another program like Spotify. Build an email list. Use Squarespace newsletter blocks on specific pages, and in your website footer, so you can send people an email with important updates, like new merch and upcoming shows. Create a homepage with an image or video that captures your vibe. Use this page to introduce your music, and yourself! Start with an eye catching banner suing a high quality image. Consider introducing motion to your site with a video background or a GIF in an image block. Add a simple bio that links to your about page and promote your email list, latest live show, or new music & merch. Make this about you. Your fans are here to connect with you, so dedicate an entire page to be about your musical journey. Promote your upcoming events. Use an events page or the bandsintown integration to tell your fans where you will be playing next. Remember to provide a link so they can buy tickets online! Make money with merch. Upload your logo & creative art to Printify so your fans can support your music, and you don’t have to add “manage inventory” to your to do list. Learn about what your fans love. Use analytics to find out the most popular pages on your site, like products, tour dates, and tracks. Looking for a template to start with? Check out these: 🚍 Going on tour? Start with Cruz: cruz-fluid-demo.squarespace.com 💿 Releasing a new album? Try Kitui: kitui-fluid-demo.squarespace.com 🛍️ Marketing new merch? Give Vandam a go: vandam-fluid-demo.squarespace.com 🎧 Ready to share your most popular tracks? Try Tryp: golivehq.co/tryp-squarespace-template Did you find this article helpful? Comment below and follow me here on the Squarespace Forum because i’ve got even more to share! Next up: restaurants, photographers, authors, and individual service providers.

I got a few more ideas from my Instagram fam today (here's a link to my profile if you wanna join the fun) martial arts authors (writers & poets) medi spas corporate events catering weddings

These are all great - thank you, everyone!! I posted this question to my YouTube community and got some great responses there that I wanted to add here: Legal and accounting! These are often just brochure sites, with contact information. Local clubs and societies, which often don’t have much money but need a site. Food retail / restaurants (that have POS) Non-profits Franchises

I also forgot about your second question - borders! Those can be tricky for images. If you have one set to "fill" instead of fit, or a shape, you can use a basic border code. All content blocks get a unique block id that you can find with a free Chrome extension that a lot of us use ( https://insidethesquare.co/chromeext ) Here is a tutorial about creating code for specific blocks: https://insidethesquare.co/squarespace-tutorials/css-targeting-tricks and here is an article about borders: https://insidethesquare.co/borders

Hey @Bexxx - welcome to Squarespace! 👋 A lot of the coding you used in Showit will work for common HTML things, like the a that you'll use to target an active link. But you've already discovered that Squarespace has its own unique selectors for some important things. 😉 The active link in your website header has a background image you can hide with a version @tuanphan 's code. This code below will hide the underline from pages you are actively on, and leave a border hover effect that will be the same color as your nav color, even if you change it in the site style menu: .header-nav-item--active a{background:transparent!important} .header-nav-item a:hover{border-bottom:1px solid var(--solidHeaderNavigationColor)!important} If there are other things you want to change, you'll find a ton of free codes on my tutorial blog at insidethesquare.co/squarespace-tutorials I hope all that info helps, and best of luck with your Squarespace project!

Gotcha - thank you for sharing that screenshot!! That's a carousel list section auto layout, and you can have those images display as a circle without any code. In edit mode, select edit content, and under your design tab you'll see the image crop option. You can pick circle from that list and Squarespace will crop it for you. 👍👍

Hey @GabriellaW123 - I would love to help but I am a little confused by your terminology. 😬 If you have a summary block that shows content from a collection on the home page, set the image aspect ratio and use this code to make the images a circle: .sqs-gallery-design-carousel img{border-radius: 50%!important} To get super nerdy here, I wanna explain why I was a little hesitant to answer. A portfolio is a specific collection type in Squarespace, but we can't feature project info in any carousel layout. A summary block is a content block that can pull data from a blog, event, or store (not a portfolio of projects) If you want to share a link I can make sure we are talking about the same thing! You can set an unpublished site to password protected so people can look before you launch. You'll find that under settings -> site availability -> password Anyhoo, hope that initial code does the trick! Add that to your site wide CSS and any summary block set to carousel will have images with curved corners.

Hey @uhohitsheidiho - this is a great question! The block id is for the whole form, so you'll need to add the selector for the button inside that block. This code will change that font for ya: .form-wrapper .sqs-button-element--primary { font-family: Cunia!important } Hope that helps and best of luck with your project! ☺️ P.S. If you have more than one form on your site, you don't need to use the block id! If you use the code name ".form-wrapper .sqs-button-element--primary" all of your contact forms will get the same font family change.

That's a great question! If you set the button design to "fill" instead of "fit" you can change the flex alignment with a code like this: .sqs-button-element--tertiary { justify-content:flex-start!important } I hope that info helps and best of luck with your project! ☺️

Hey @Miicherey! It looks like that testimonial title is just a standard text block in a normal fluid engine page section. We can't change font sizes for a specific selector of text using the editor, so if none of your assigned font sizes for h1, h2, h3 and so on will work, you can change this individual thing with CSS. Here is a video with info on how to do that. Also - this video is a little old but the concept still works! To add CSS, go to website then website tools, then custom CSS. They rearranged the design menu back in August. 😅

Hey Jake! I am a huge fan of customizing Squarespace with CSS. I have a little over 300 blog posts that specify the classes you're talking about: https://insidethesquare.co/squarespace-tutorials/ I also use this free chrome extension to grab block ids (not affiliated just a fan!): https://insidethesquare.co/chromeext And if you want some tips on when to use a selector/class vs a block id (and when to usee both!) check out this video overview specifically for Squarespace: And if you wanna grab my collection of classes for Squarespace, I have them all organized in a Notion doc you can get here: https://insidethesquare.co/css I hope all that info helps! Feel free to DM me if you have any questions about a specific project; I'm always looking for more tutorial ideas for my blog 😉

Thanks for sharing @CassAggett 🥰

Thanks for sharing @Michelle_Barra_ 🙌❤️ If you need any help with this code @Alma_ugc26 feel free to DM me.

Hey @AJZ I just took a look at your source code and there is some typo/character issue that is blocking your code from rendering after line 35721. Your code is just fine for 7.1, so something must have carried over from wherever you store your codes. 😬 https://vimeo.com/865155812/e356e70256?share=copy If you remove your code & notes, and replace it with this you should be good to go. P.S. be sure to add !important for your burger display value change to make sure it's not ignored by the browser. Hope this helps! /* burger on desktop */ .header .header-burger{display:flex!important} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible;}

Hey @ArtLover777! Sorry I didnt get to your youtube comment yet - I've got a lot to catch up on from taking Sunday off 😅 Anyhoo, to add code to a single page you'll need to use page header code injection for the storefront. Click on the gear icon to access the store settings, then select advanced, then page header code injection. Paste my code there between two style brackets so the browser knows it's CSS, like this: <style> @media only screen and (max-width:767px) { .products .list-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .products .grid-item { width: 48%; } } </style>

Thanks for sharing the screenshot! It looks like you want your dropdown menu background to be transparent and that's totally possible with a little CSS! Here is the code you'll need to add to your site: .header .header-nav-folder-content{background-color:transparent!important} And here is the tricky part as of right now: how to access your custom CSS. 😅 If you are using the Website menu, navigate to website, select website tools, and select custom CSS. Here you can paste the code. If you see the word "pages" followed by "design" click on design, and then select Custom CSS. That opens the same panel, and you can paste the code there. A little confusing for now, but I hope that info helps, and best of luck with your project!