HTML Report for https://www.becandbridge.com/pages/the-wedding-edit-2023
This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to changeShowing results for https://www.becandbridge.com/pages/the-wedding-edit-2023
You can view the notes...
view-source:https://www.becandbridge.com/pages/the-wedding-edit-2023
| # | results |
|---|---|
| 1 |
Error
On line 1, column 9 <https://cdn.sh |
| 2 |
Error
On line 1, column 10 <https://cdn.sho |
| 3 |
Error
On line 1, column 25 <https://cdn.shopify.com>; rel= |
| 4 |
Info
On line 1, column 25 <https://cdn.shopify.com>; rel= |
| 5 |
Error
On line 1, column 54 opify.com>; rel="preconnect", <https://cdn.sh |
| 6 |
Error
On line 1, column 55 <https://cdn.sho |
| 7 |
Info
On line 1, column 70 <https://cdn.shopify.com>; rel= |
| 8 |
Error
On line 31, column 15 opify.com>; rel="preconnect"; crossorigin etag: "cacheable:9cae55f4d405e15acadaa3c0f0adbade" content-encoding: br x-cache: miss x-frame-options: DENY content-security-policy: block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests; access-control-allow-origin: * strict-transport-security: max-age=7889238 x-shopid: 29945224 x-shardid: 54 vary: Accept content-language: en powered-by: Shopify server-timing: processing;dur=427;desc="gc:24", db;dur=110, fetch;dur=1, render;dur=293, wasm, asn;desc="62282", edge;desc="VNO", country;desc="LT", theme;desc="124759506999", pageType;desc="page", servedBy;desc="qkqd", requestID;desc="c72a9322-5288-4076-b742-a070b22220e3-1711602106" x-shopify-stage: production x-dc: gcp-europe-west3,gcp-europe-west1,gcp-europe-west1 x-request-id: c72a9322-5288-4076-b742-a070b22220e3-1711602106 cf-cache-status: DYNAMIC report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=Hzj7rJk6KclvUPuaPlB4GJ0VcuzLjyV%2FC%2BL%2FofoB6VKjQlKQkwXG%2B%2BOegjUBFCd6kVB3I3pksWPqgDs2ShtXamUyq%2BbyyAzGS19PqaT7ERw5uV9sW8zFiYjSdZ%2B6jKiM2q7%2Bb%2FAQJKTZWty4lSBgbnvn"}],"group":"cf-nel","max_age":604800} nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800} x-xss-protection: 1; mode=block x-content-type-options: nosniff x-permitted-cross-domain-policies: none x-download-options: noopen server-timing: cfRequestDuration;dur=490.999937 server-timing: ipv6 server: cloudflare cf-ray: 86b5106eaeaac03a-VNO alt-svc: h3=":443"; ma=86400 <!doctype html> <!--[ |
| 9 |
Error
On line 33, column 61 type html> <!--[if IE 9 ]><html class="ie9 no-js"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--< |
| 10 |
Error
On line 34, column 6 lang="en"> <!--<![endif]--> <head> <me |
| 11 |
Error
On line 35, column 23 --> <head> <meta charset="utf-8"> <m |
| 12 |
Error
On line 762, column 7 et="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#111111"> <meta name="google-site-verification" content="RQBVVCpjIVWX1HPm8xd4xHjkge4-1JBaRswk8wiDOig"/> <meta name="google-site-verification" content="jmEyAndJAqt6lhp-Stx4r9mrWbxCypUZfDlTak1EOAI"/> <link rel="canonical" href="https://www.becandbridge.com/pages/the-wedding-edit-2023"> <link rel="dns-prefetch" href="//cdn.shopify.com"><link rel="dns-prefetch" href="//cdn.shopifycloud.com"><link rel="dns-prefetch" href="//v.shopify.com"><link rel="dns-prefetch" href="//cdn.varvy.com"><link rel="dns-prefetch" href="//scontent.cdninstagram.com"><link rel="dns-prefetch" href="//foursixty.com"><link rel="dns-prefetch" href="//app.backinstock.org"><link rel="dns-prefetch" href="//chimpstatic.com"> <link rel="shortcut icon" href="//www.becandbridge.com/cdn/shop/files/B_B_FAVICON_2_32x32.jpg?v=1613605822" type="image/png" /> <title> THE WEDDING EDIT &ndash; BEC + BRIDGE US </title><!-- begin Convert Experiences code--> <script type="text/javascript" src="https://cdn-3.convertexperiments.com/js/10005601-10006084.js"></script> <!-- end Convert Experiences code --> <link rel="alternate" hreflang="x-default" href="https://www.becandbridge.com/pages/the-wedding-edit-2023" /><link rel="alternate" hreflang="en-au" href="https://www.becandbridge.com.au/pages/the-wedding-edit-2023" /> <meta property="og:site_name" content="BEC + BRIDGE US"> <meta property="og:url" content="https://www.becandbridge.com/pages/the-wedding-edit-2023"> <meta property="og:title" content="THE WEDDING EDIT"> <meta property="og:type" content="website"> <meta property="og:description" content="Explore the new collection at BEC + BRIDGE. Latest celebrity styles, limited edition designer styles, widest selection, shop the brand direct. Free shipping on all orders. Easy returns. Shop now, pay later with Afterpay and Klarna."> <meta name="twitter:site" content="@"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="THE WEDDING EDIT"> <meta name="twitter:description" content="Explore the new collection at BEC + BRIDGE. Latest celebrity styles, limited edition designer styles, widest selection, shop the brand direct. Free shipping on all orders. Easy returns. Shop now, pay later with Afterpay and Klarna."> <link href="//www.becandbridge.com/cdn/shop/t/493/assets/theme.scss.css?v=104759419718227961801711329457" rel="stylesheet" type="text/css" media="all" /> <link href="//www.becandbridge.com/cdn/shop/t/493/assets/theme-split.scss.css?v=72330573227614905061711329457" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="https://use.typekit.net/msm7xuv.css"> <link rel="stylesheet" href="https://use.typekit.net/fxs8gnb.css"> <link rel="stylesheet" href="https://use.typekit.net/prf6tjt.css"> <link rel="stylesheet" href="https://use.typekit.net/ymj4ofu.css"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); window.theme = window.theme || {}; theme.strings = { stockLabel: "[count] in stock", cartSavings: "You're saving [savings]", cartEmpty: "Your cart is currently empty.", cartTermsConfirmation: "You must agree with the terms and conditions of sales to check out", zoom2u_cutoff: 660 }; theme.settings = { cartType: "page", moneyFormat: "\u003cspan class=money\u003e${{amount}}\u003c\/span\u003e", themeVersion: "3.0.1" }; </script> <script src="//www.searchserverapi.com/widgets/shopify/init.js?a=4x3W6u1k8u"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="0QIa2z2wPnzRTB5i9nJsP1tHPlpriPec7SsiM5_2Boo"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/29945224/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="d3c850ce2e0e833ec04eb884aab291d4"> <meta id="in-context-paypal-metadata" data-shop-id="29945224" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=29945224" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":29945224,"countryCode":"AU","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/29945224","merchantName":"BEC + BRIDGE US","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb"],"total":{"type":"pending","label":"BEC + BRIDGE US","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"d3c850ce2e0e833ec04eb884aab291d4","betas":["rich-media-storefront-analytics"],"domain":"www.becandbridge.com","predictiveSearch":true,"shopId":29945224,"smart_payment_buttons_url":"https:\/\/www.becandbridge.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.becandbridge.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en","flg4ff40b22":false}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "bec-and-bridge-us.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"HOMEPAGE - 26.3.24","id":124759506999,"theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.becandbridge.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-features" type="application/json">{"compact":""}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"pay-button":["modules/client.pay-button_54c17c2c.en.esm.js","modules/chunk.common_a0168284.esm.js"],"avatar":["modules/client.avatar_cdad0c7d.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_0022db1e.en.esm.js","modules/chunk.common_a0168284.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_8de22705.en.esm.js","modules/chunk.common_a0168284.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_9128bbdb.en.esm.js","modules/chunk.common_a0168284.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_122b2282.en.esm.js","modules/chunk.common_a0168284.esm.js"],"shop-pay-checkout-sheet":["modules/client.shop-pay-checkout-sheet_c6a9fbc0.en.esm.js","modules/chunk.common_a0168284.esm.js"],"login-button":["modules/client.login-button_07798a5f.en.esm.js","modules/chunk.common_a0168284.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_74b98569.en.esm.js","modules/chunk.common_a0168284.esm.js","modules/chunk.shop-pay_32b06385.esm.js"],"discount-app":["modules/client.discount-app_6d5fa314.en.esm.js","modules/chunk.common_a0168284.esm.js"],"payment-terms":["modules/client.payment-terms_42e93cfc.en.esm.js","modules/chunk.common_a0168284.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/analytics.getshogun.com\/collector.js?shop=bec-and-bridge-us.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=Uv4da6\u0026shop=bec-and-bridge-us.myshopify.com","\/\/cdn.shopify.com\/proxy\/d997bc9787b09108aef4ad02418af180b2f05cdf685795dd5832b033e1b56235\/forms-akamai.smsbump.com\/463367\/form_84546.js?ver=1706678885\u0026shop=bec-and-bridge-us.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/1cd48fa6d9c76367000b69f21ad113a3a0335692b93abe763e5ade45ad52448d\/forms-akamai.smsbump.com\/463367\/form_93654.js?ver=1691376974\u0026shop=bec-and-bridge-us.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/searchserverapi.com\/widgets\/shopify\/init.js?a=4x3W6u1k8u\u0026shop=bec-and-bridge-us.myshopify.com","https:\/\/sh-app.kameleoon.com\/scripts?shop=bec-and-bridge-us.myshopify.com","https:\/\/sh-app.kameleoon.com\/scripts?shop=bec-and-bridge-us.myshopify.com","\/\/dynamic.criteo.com\/js\/ld\/ld.js?a=101813\u0026shop=bec-and-bridge-us.myshopify.com","\/\/cdn.shopify.com\/proxy\/f44496b552300cb49b0a853d84929877401221133e8648becf9e1476d792749e\/forms-akamai.smsbump.com\/463367\/form_211862.js?ver=1691114400\u0026shop=bec-and-bridge-us.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBYQMW1N7JCJKBWZQNKQJ9?source=shopify1click\u0026shop=bec-and-bridge-us.myshopify.com","https:\/\/d18eg7dreypte5.cloudfront.net\/browse-abandonment\/smsbump_timer.js?shop=bec-and-bridge-us.myshopify.com","https:\/\/thunder.spicegems.org\/0\/js\/scripttags\/bec-and-bridge-us\/country_redirect_a11df3e4a5b14666edb2af016b1615fa.min.js?v=37\u0026shop=bec-and-bridge-us.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=181b6f83-c4da-4160-a3f5-73674ae09238\u0026shop=bec-and-bridge-us.myshopify.com","https:\/\/pzapi-kg.com\/b\/1100l940\/1101l304.js?shop=bec-and-bridge-us.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":29945224,"offset":39600,"reqid":"c72a9322-5288-4076-b742-a070b22220e3-1711602106","pageurl":"www.becandbridge.com\/pages\/the-wedding-edit-2023","s":"pages-84239843383","u":"48c32a16bb4a","p":"page","rtyp":"page","rid":84239843383};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script> <script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.becandbridge.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.becandbridge.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.becandbridge.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="//www.becandbridge.com/cdn/shop/t/493/compiled_assets/styles.css?98616"> <script id="sections-script" data-sections="smsbump_footer_form_embeded_footer_109011" defer="defer" src="//www.becandbridge.com/cdn/shop/t/493/compiled_assets/scripts.js?98616"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <!--[if lt IE 9]> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script> <![endif]--> <!--[if (lte IE 9) ]><script src="//www.becandbridge.com/cdn/shop/t/493/assets/match-media.min.js?v=159635276924582161481711329246" type="text/javascript"></script><![endif]--> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"></script> <!--[if (gt IE 9)|!(IE)]><!--><script src="/services/javascripts/currencies.js" defer="defer"></script><!--<![endif]--> <!--[if lte IE 9]><script src="/services/javascripts/currencies.js"></script><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--><script src="//www.becandbridge.com/cdn/shop/t/493/assets/jquery.currencies.min.js?v=1957065224795618941711329246" defer="defer"></script><!--<![endif]--> <!--[if lte IE 9]><script src="//www.becandbridge.com/cdn/shop/t/493/assets/jquery.currencies.min.js?v=1957065224795618941711329246"></script><![endif]--> <script async> /* ---------------------------------------------------------------------------------------------------- IMPORTANT! The code below requires a developer to install and setup. Please do not simply copy/paste this onto your website. ---------------------------------------------------------------------------------------------------- */ // Initiate Web Behaviour Tracking (this section MUST come prior any other dmPt calls) // Do not change this (function(w,d,u,t,o,c){w['dmtrackingobjectname']=o;c=d.createElement(t);c.async=1;c.src=u;t=d.getElementsByTagName (t)[0];t.parentNode.insertBefore(c,t);w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments);}; })(window, document, '//static.trackedweb.net/js/_dmptv4.js', 'script', 'dmPt'); window.dmPt('create', 'DM-754356-03', 'becandbridge.com.au'); window.dmPt('track'); // window.dmPt("identify", "[email protected]"); // Hardcoded example, inject contact email address. </script> <!--[if (gt IE 9)|!(IE)]><!--><script src="//www.becandbridge.com/cdn/shop/t/493/assets/theme.js?v=177613450507912715561711329246" defer="defer"></script><!--<![endif]--> <!--[if lte IE 9]><script src="//www.becandbridge.com/cdn/shop/t/493/assets/theme.js?v=177613450507912715561711329246"></script><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--><script src="//www.becandbridge.com/cdn/shop/t/493/assets/vendor.js?v=64810773382242239981711329246" defer="defer"></script><!--<![endif]--> <!--[if lte IE 9]><script src="//www.becandbridge.com/cdn/shop/t/493/assets/vendor.js?v=64810773382242239981711329246"></script><![endif]--> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "legalName" : "Bec and Bridge Pty Ltd", "url" : "https://www.becandbridge.com", "contactPoint" : [{ "@type" : "ContactPoint", "telephone" : "+61280561762", "contactType" : "customer service" }], "logo" : "https://www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-White_224x224.png?v=1613579457", "sameAs" : [ "https://www.facebook.com/Bec-and-Bridge-134148233306462/" ,"https://www.pinterest.com.au/becandbridge/" ,"https://au.linkedin.com/company/bec-bridge" ,"https://www.instagram.com/becandbridge/" ] } </script> <style> .hero__link .btn--inverse { color: #ffffff; } .hero__text-wrap {color: #ffffff; } *:focus {outline:none} *:focus {outline:none !important} .slick-track{cursor:default;cursor:default} .slick-track:active{cursor: default;} </style> <script src="https://conditional-redirect.spicegems.com/js/scripttags/bec-and-bridge-us/static/country-redirect.js?shop=bec-and-bridge-us" type="text/javascript"></script> <script> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load', '2612430074942', { em: '' }); pintrk('track', 'pagevisit'); pintrk('page'); </script> <noscript><img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?event=init&event=pagevisit&tid=2612430074942&noscript=1" /></noscript> <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '476720819807593'); fbq('track', 'PageView'); </script> <!-- BEGIN Merchantverse Code --> <script id='merchantverseScript' src="https://www.gstatic.com/merchantverse/merchantverse.js" defer> </script> <script type="text/javascript"> merchantverseScript.addEventListener('load', function () { merchantverse.start({ position: 'LEFT_BOTTOM' }); }); </script> <!-- END Merchantverse Code --> <!-- Google Tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-0XQ71GCH3H"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){window.dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-0XQ71GCH3H'); </script> <!-- End of Google Tag --> <script src="//www.becandbridge.com/cdn/shop/t/493/assets/micromodal.min.js?v=150321702541960473391711329246" type="text/javascript"></script> <script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/G4YnQEDIYFb8PSoJx5Bdbw" async></script> <script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"137004461"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script> <script type="text/javascript"> // Duration in milliseconds to wait while the Kameleoon application file is loaded var kameleoonLoadingTimeout = 1000; window.kameleoonQueue = window.kameleoonQueue || []; window.kameleoonStartLoadTime = new Date().getTime(); if (! document.getElementById("kameleoonLoadingStyleSheet") && ! window.kameleoonDisplayPageTimeOut) { var kameleoonS = document.getElementsByTagName("script")[0]; var kameleoonCc = "* { visibility: hidden !important; background-image: none !important; }"; var kameleoonStn = document.createElement("style"); kameleoonStn.type = "text/css"; kameleoonStn.id = "kameleoonLoadingStyleSheet"; if (kameleoonStn.styleSheet) { kameleoonStn.styleSheet.cssText = kameleoonCc; } else { kameleoonStn.appendChild(document.createTextNode(kameleoonCc)); } kameleoonS.parentNode.insertBefore(kameleoonStn, kameleoonS); window.kameleoonDisplayPage = function(fromEngine) { if (!fromEngine) { window.kameleoonTimeout = true; } if (kameleoonStn.parentNode) { kameleoonStn.parentNode.removeChild(kameleoonStn); } }; window.kameleoonDisplayPageTimeOut = window.setTimeout(window.kameleoonDisplayPage, kameleoonLoadingTimeout); } </script> <script type="text/javascript" src="//pp0coeed2d.kameleoon.eu/kameleoon.js" async="true"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 29945224,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify||{};var i=window.Shopify;i.analytics=i.analytics||{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a||a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 29945224,storefrontBaseUrl: "https://www.becandbridge.com",cdnBaseUrl: "https://www.becandbridge.com/cdn",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"14975031","configuration":"{\"store\":\"bec-and-bridge-us.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"46184b326bc614905ba667fa988bdc50","type":"APP","apiClientId":740217,"privacyPurposes":null},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0575","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0575","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS"]}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");},"https://www.becandbridge.com/cdn","0.0.463","af064dacw059a0243p359f28e4m038b1d93",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":84239843383}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 29945224, theme_id: 124759506999, app_name: "storefront", context_url: window.location.href, source_url: "//www.becandbridge.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.becandbridge.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.becandbridge.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":29945224,"isMerchantRequest":null,"themeId":124759506999,"themeCityHash":"3939731722686759671","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Google Analytics":{"trackingId":"UA-57436936-2","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Pinterest Pixel":{"pixelId":"2612430074942"},"TikTok Pixel":{"pixelId":"CB7FL6RC77UBUK2FF4GG"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer"}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":84239843383}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.becandbridge.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) { return; } window.BOOMR = window.BOOMR || {}; window.BOOMR.snippetStart = new Date().getTime(); window.BOOMR.snippetExecuted = true; window.BOOMR.snippetVersion = 12; window.BOOMR.application = "storefront-renderer"; window.BOOMR.themeName = "Motion"; window.BOOMR.themeVersion = "3.0.1"; window.BOOMR.shopId = 29945224; window.BOOMR.themeId = 124759506999; window.BOOMR.renderRegion = "gcp-europe-west1"; window.BOOMR.url = "https://www.becandbridge.com/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js"; var where = document.currentScript || document.getElementsByTagName("script")[0]; var parentNode = where.parentNode; var promoted = false; var LOADER_TIMEOUT = 3000; function promote() { if (promoted) { return; } var script = document.createElement("script"); script.id = "boomr-scr-as"; script.src = window.BOOMR.url; script.async = true; parentNode.appendChild(script); promoted = true; } function iframeLoader(wasFallback) { promoted = true; var dom, bootstrap, iframe, iframeStyle; var doc = document; var win = window; window.BOOMR.snippetMethod = wasFallback ? "if" : "i"; bootstrap = function(parent, scriptId) { var script = doc.createElement("script"); script.id = scriptId || "boomr-if-as"; script.src = window.BOOMR.url; BOOMR_lstart = new Date().getTime(); parent = parent || doc.body; parent.appendChild(script); }; if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) { window.BOOMR.snippetMethod = "s"; bootstrap(parentNode, "boomr-async"); return; } iframe = document.createElement("IFRAME"); iframe.src = "about:blank"; iframe.title = ""; iframe.role = "presentation"; iframe.loading = "eager"; iframeStyle = (iframe.frameElement || iframe).style; iframeStyle.width = 0; iframeStyle.height = 0; iframeStyle.border = 0; iframeStyle.display = "none"; parentNode.appendChild(iframe); try { win = iframe.contentWindow; doc = win.document.open(); } catch (e) { dom = document.domain; iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);"; win = iframe.contentWindow; doc = win.document.open(); } if (dom) { doc._boomrl = function() { this.domain = dom; bootstrap(); }; doc.write("<body onload='document._boomrl();'>"); } else { win._boomrl = function() { bootstrap(); }; if (win.addEventListener) { win.addEventListener("load", win._boomrl, false); } else if (win.attachEvent) { win.attachEvent("onload", win._boomrl); } } doc.close(); } var link = document.createElement("link"); if (link.relList && typeof link.relList.supports === "function" && link.relList.supports("preload") && ("as" in link)) { window.BOOMR.snippetMethod = "p"; link.href = window.BOOMR.url; link.rel = "preload"; link.as = "script"; link.addEventListener("load", promote); link.addEventListener("error", function() { iframeLoader(true); }); setTimeout(function() { if (!promoted) { iframeLoader(true); } }, LOADER_TIMEOUT); BOOMR_lstart = new Date().getTime(); parentNode.appendChild(link); } else { iframeLoader(false); } function boomerangSaveLoadTime(e) { window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime(); } if (window.addEventListener) { window.addEventListener("load", boomerangSaveLoadTime, false); } else if (window.attachEvent) { window.attachEvent("onload", boomerangSaveLoadTime); } if (document.addEventListener) { document.addEventListener("onBoomerangLoaded", function(e) { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); }); } else if (document.attachEvent) { document.attachEvent("onpropertychange", function(e) { if (!e) e=event; if (e.propertyName === "onBoomerangLoaded") { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); } }); } })();</script> </head> <bod |
| 13 |
Error
On line 764, column 72 t> </head> <body class="template-page currencies-enabled" data-transitions="false"> |
| 14 |
Error
On line 2744, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/adore-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/F23A-11590_1620_willow_6fdc8275-620d-4785-a880-045ba061b5b0_{width}x.jpg?v=1682488673" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ADORE V MAXI DRESS - DARK WILLOW"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/F23A-11590_1620_willow_6fdc8275-620d-4785-a880-045ba061b5b0_400x.jpg?v=1682488673" alt="ADORE V MAXI DRESS - DARK WILLOW"> </noscript> </a> </div> <a href="/products/adore-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11590_1698_180x.jpg?v=1683590320 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11590_1698_360x.jpg?v=1683590320 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11590_1698_540x.jpg?v=1683590320 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11590_1698_720x.jpg?v=1683590320 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11590_1698_900x.jpg?v=1683590320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ADORE V MAXI DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$330.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6794115579959"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 15 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 16 |
Error
On line 2822, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-verona-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-dark-willow-maxi-dress-1_{width}x.jpg?v=1709598204" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="MOON DANCE VERONA DRESS - DARK WILLOW"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-dark-willow-maxi-dress-1_400x.jpg?v=1709598204" alt="MOON DANCE VERONA DRESS - DARK WILLOW"> </noscript> </a> </div> <a href="/products/moon-dance-verona-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-dark-willow-maxi-dress-2_180x.jpg?v=1709598207 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-dark-willow-maxi-dress-2_360x.jpg?v=1709598207 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-dark-willow-maxi-dress-2_540x.jpg?v=1709598207 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-dark-willow-maxi-dress-2_720x.jpg?v=1709598207 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-dark-willow-maxi-dress-2_900x.jpg?v=1709598207 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE VERONA DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$300.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797996949559"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 17 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 18 |
Error
On line 2902, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-scoop-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-dress-dark-willow-1_{width}x.jpg?v=1709245949" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ETERNITY SCOOP MAXI DRESS - DARK WILLOW"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-dress-dark-willow-1_400x.jpg?v=1709245949" alt="ETERNITY SCOOP MAXI DRESS - DARK WILLOW"> </noscript> </a> </div> <a href="/products/eternity-scoop-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-dress-dark-willow-2_180x.jpg?v=1709245950 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-dress-dark-willow-2_360x.jpg?v=1709245950 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-dress-dark-willow-2_540x.jpg?v=1709245950 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-dress-dark-willow-2_720x.jpg?v=1709245950 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-dress-dark-willow-2_900x.jpg?v=1709245950 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY SCOOP MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797807255607"></span> <div class="grid-product__tag--metafield"> AUSTRALIAN MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 19 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 20 |
Error
On line 2980, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-square-neck-dress-dark-willow-2" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-11015_727bec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-pink-blush-rose-goldbec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-dark-willow-fern-green_{width}x.jpg?v=1682470558" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="THE DREAMER SQUARE NECK DRESS - DARK WILLOW"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-11015_727bec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-pink-blush-rose-goldbec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-dark-willow-fern-green_400x.jpg?v=1682470558" alt="THE DREAMER SQUARE NECK DRESS - DARK WILLOW"> </noscript> </a> </div> <a href="/products/the-dreamer-square-neck-dress-dark-willow-2" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11015_739bec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-pink-blush-rose-goldbec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-dark-willow-fern-green_180x.jpg?v=1682470559 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11015_739bec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-pink-blush-rose-goldbec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-dark-willow-fern-green_360x.jpg?v=1682470559 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11015_739bec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-pink-blush-rose-goldbec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-dark-willow-fern-green_540x.jpg?v=1682470559 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11015_739bec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-pink-blush-rose-goldbec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-dark-willow-fern-green_720x.jpg?v=1682470559 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11015_739bec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-pink-blush-rose-goldbec-bridge-maxi-dress-square-neck-wedding-bridal-bridesmaid-dark-willow-fern-green_900x.jpg?v=1682470559 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER SQUARE NECK DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6761163161655"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 21 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 22 |
Error
On line 3058, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-strapless-dress-dark-willow-2" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-11016_978bec-bridge-dreamer-strapless-maxi-dress-bridal-wedding-bridesmaid-dusty-willow-fern-green_{width}x.jpg?v=1682470378" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer Strapless Bridal Formal Dark Willow Maxi Dress by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-11016_978bec-bridge-dreamer-strapless-maxi-dress-bridal-wedding-bridesmaid-dusty-willow-fern-green_400x.jpg?v=1682470378" alt="Dreamer Strapless Bridal Formal Dark Willow Maxi Dress by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-strapless-dress-dark-willow-2" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11016_992bec-bridge-dreamer-strapless-maxi-dress-bridal-wedding-bridesmaid-dusty-willow-fern-green_180x.jpg?v=1682566539 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11016_992bec-bridge-dreamer-strapless-maxi-dress-bridal-wedding-bridesmaid-dusty-willow-fern-green_360x.jpg?v=1682566539 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11016_992bec-bridge-dreamer-strapless-maxi-dress-bridal-wedding-bridesmaid-dusty-willow-fern-green_540x.jpg?v=1682566539 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11016_992bec-bridge-dreamer-strapless-maxi-dress-bridal-wedding-bridesmaid-dusty-willow-fern-green_720x.jpg?v=1682566539 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11016_992bec-bridge-dreamer-strapless-maxi-dress-bridal-wedding-bridesmaid-dusty-willow-fern-green_900x.jpg?v=1682566539 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER STRAPLESS DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6761163227191"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 23 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 24 |
Error
On line 3136, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-maxi-dress-dark-willow-2" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-10608_774_1_{width}x.jpg?v=1682470929" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="THE DREAMER MAXI DRESS - DARK WILLOW"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-10608_774_1_400x.jpg?v=1682470929" alt="THE DREAMER MAXI DRESS - DARK WILLOW"> </noscript> </a> </div> <a href="/products/the-dreamer-maxi-dress-dark-willow-2" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-10608_789_1_180x.jpg?v=1682470930 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-10608_789_1_360x.jpg?v=1682470930 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-10608_789_1_540x.jpg?v=1682470930 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-10608_789_1_720x.jpg?v=1682470930 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-10608_789_1_900x.jpg?v=1682470930 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6761163096119"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 25 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 26 |
Error
On line 3214, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-asym-dress-dark-willow-2" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-10379_888bec-bridge-dreamer-asym-dress-bride-bridesmaid-wedding-dark-willow-fern-green-split_{width}x.jpg?v=1682470829" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer Asym Bridesmaid Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-10379_888bec-bridge-dreamer-asym-dress-bride-bridesmaid-wedding-dark-willow-fern-green-split_400x.jpg?v=1682470829" alt="Dreamer Asym Bridesmaid Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-asym-dress-dark-willow-2" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-10379_904bec-bridge-dreamer-asym-dress-bride-bridesmaid-wedding-dark-willow-fern-green-split_180x.jpg?v=1682566899 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-10379_904bec-bridge-dreamer-asym-dress-bride-bridesmaid-wedding-dark-willow-fern-green-split_360x.jpg?v=1682566899 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-10379_904bec-bridge-dreamer-asym-dress-bride-bridesmaid-wedding-dark-willow-fern-green-split_540x.jpg?v=1682566899 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-10379_904bec-bridge-dreamer-asym-dress-bride-bridesmaid-wedding-dark-willow-fern-green-split_720x.jpg?v=1682566899 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-10379_904bec-bridge-dreamer-asym-dress-bride-bridesmaid-wedding-dark-willow-fern-green-split_900x.jpg?v=1682566899 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER ASYM DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6761163325495"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 27 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 28 |
Error
On line 3294, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-off-shoulder-maxi-ink" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-11664_1682_{width}x.jpg?v=1683247261" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ETERNITY OFF SHOULDER MAXI - INK"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-11664_1682_400x.jpg?v=1683247261" alt="ETERNITY OFF SHOULDER MAXI - INK"> </noscript> </a> </div> <a href="/products/eternity-off-shoulder-maxi-ink" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11664_1690_180x.jpg?v=1683247262 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11664_1690_360x.jpg?v=1683247262 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11664_1690_540x.jpg?v=1683247262 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11664_1690_720x.jpg?v=1683247262 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11664_1690_900x.jpg?v=1683247262 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY OFF SHOULDER MAXI </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6798232551479"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 29 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 30 |
Error
On line 3374, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-strapless-maxi-ink" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-off-shoulder-maxi-dress-ink-2_{width}x.jpg?v=1709596337" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Eternity Strapless Maxi Bridesmaid Prom Dress in Navy Ink by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-off-shoulder-maxi-dress-ink-2_400x.jpg?v=1709596337" alt="Eternity Strapless Maxi Bridesmaid Prom Dress in Navy Ink by Bec + Bridge"> </noscript> </a> </div> <a href="/products/eternity-strapless-maxi-ink" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-off-shoulder-maxi-dress-ink-1_180x.jpg?v=1709596337 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-off-shoulder-maxi-dress-ink-1_360x.jpg?v=1709596337 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-off-shoulder-maxi-dress-ink-1_540x.jpg?v=1709596337 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-off-shoulder-maxi-dress-ink-1_720x.jpg?v=1709596337 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-off-shoulder-maxi-dress-ink-1_900x.jpg?v=1709596337 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY STRAPLESS MAXI </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797807583287"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 31 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 32 |
Error
On line 3454, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-asym-maxi-dress-ink" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-bridesmaid-dress-ink-2_{width}x.jpg?v=1709511501" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Eternity One Shoulder Bridesmaid Prom Dress in Navy Ink by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-bridesmaid-dress-ink-2_400x.jpg?v=1709511501" alt="Eternity One Shoulder Bridesmaid Prom Dress in Navy Ink by Bec + Bridge"> </noscript> </a> </div> <a href="/products/eternity-asym-maxi-dress-ink" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-bridesmaid-dress-ink-1_180x.jpg?v=1709511501 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-bridesmaid-dress-ink-1_360x.jpg?v=1709511501 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-bridesmaid-dress-ink-1_540x.jpg?v=1709511501 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-bridesmaid-dress-ink-1_720x.jpg?v=1709511501 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-bridesmaid-dress-ink-1_900x.jpg?v=1709511501 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY ASYM MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797808074807"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 33 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 34 |
Error
On line 3534, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-v-maxi-dress-ink" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-v-maxi-dress-ink-navy-1_{width}x.jpg?v=1709505879" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Eternity V Maxi Prom Bridesmaid Dress in Ink Navy by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-v-maxi-dress-ink-navy-1_400x.jpg?v=1709505879" alt="Eternity V Maxi Prom Bridesmaid Dress in Ink Navy by Bec + Bridge"> </noscript> </a> </div> <a href="/products/eternity-v-maxi-dress-ink" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-v-maxi-dress-ink-wedding-bridesmaids_2_180x.jpg?v=1709684869 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-v-maxi-dress-ink-wedding-bridesmaids_2_360x.jpg?v=1709684869 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-v-maxi-dress-ink-wedding-bridesmaids_2_540x.jpg?v=1709684869 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-v-maxi-dress-ink-wedding-bridesmaids_2_720x.jpg?v=1709684869 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-v-maxi-dress-ink-wedding-bridesmaids_2_900x.jpg?v=1709684869 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797807812663"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 35 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 36 |
Error
On line 3616, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/adore-v-maxi-dress-black" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/F23A-11590_1634copy_{width}x.jpg?v=1689572119" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ADORE V MAXI DRESS - BLACK"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/F23A-11590_1634copy_400x.jpg?v=1689572119" alt="ADORE V MAXI DRESS - BLACK"> </noscript> </a> </div> <a href="/products/adore-v-maxi-dress-black" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/F23A-11590_1642copy_180x.jpg?v=1689572119 180w 297h, //www.becandbridge.com/cdn/shop/files/F23A-11590_1642copy_360x.jpg?v=1689572119 360w 594h, //www.becandbridge.com/cdn/shop/files/F23A-11590_1642copy_540x.jpg?v=1689572119 540w 891h, //www.becandbridge.com/cdn/shop/files/F23A-11590_1642copy_720x.jpg?v=1689572119 720w 1188h, //www.becandbridge.com/cdn/shop/files/F23A-11590_1642copy_900x.jpg?v=1689572119 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ADORE V MAXI DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$330.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6794115514423"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 37 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 38 |
Error
On line 3698, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/adore-halter-maxi-dress-black" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-11462_387bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-black_{width}x.jpg?v=1682489099" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ADORE HALTER MAXI DRESS - BLACK"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-11462_387bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-black_400x.jpg?v=1682489099" alt="ADORE HALTER MAXI DRESS - BLACK"> </noscript> </a> </div> <a href="/products/adore-halter-maxi-dress-black" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11462_387bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-black_2be0e03e-dfc8-474c-b9da-201c62fc3671_180x.jpg?v=1682560387 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11462_387bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-black_2be0e03e-dfc8-474c-b9da-201c62fc3671_360x.jpg?v=1682560387 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11462_387bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-black_2be0e03e-dfc8-474c-b9da-201c62fc3671_540x.jpg?v=1682560387 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11462_387bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-black_2be0e03e-dfc8-474c-b9da-201c62fc3671_720x.jpg?v=1682560387 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11462_387bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-black_2be0e03e-dfc8-474c-b9da-201c62fc3671_900x.jpg?v=1682560387 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ADORE HALTER MAXI DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$330.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6794116137015"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 39 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 40 |
Error
On line 3778, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-asym-dress-black" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-black-bridal-bridesmaid_1_{width}x.jpg?v=1680490751" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer Asym Formal Bridemaids Maxi Dress in Black by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-black-bridal-bridesmaid_1_400x.jpg?v=1680490751" alt="Dreamer Asym Formal Bridemaids Maxi Dress in Black by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-asym-dress-black" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-black-bridal-bridesmaid_1_c06ca7aa-d067-4aa0-8453-4513ed5c7499_180x.jpg?v=1680765054 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-black-bridal-bridesmaid_1_c06ca7aa-d067-4aa0-8453-4513ed5c7499_360x.jpg?v=1680765054 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-black-bridal-bridesmaid_1_c06ca7aa-d067-4aa0-8453-4513ed5c7499_540x.jpg?v=1680765054 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-black-bridal-bridesmaid_1_c06ca7aa-d067-4aa0-8453-4513ed5c7499_720x.jpg?v=1680765054 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-black-bridal-bridesmaid_1_c06ca7aa-d067-4aa0-8453-4513ed5c7499_900x.jpg?v=1680765054 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER ASYM DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="4614975651895"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 41 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 42 |
Error
On line 3858, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-strapless-dress-black" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-dress-maxi-black-bridal-bridesmaids_7_{width}x.jpg?v=1680565780" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer Strapless Maxi Bridesmaid Formal Dress in Black by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-dress-maxi-black-bridal-bridesmaids_7_400x.jpg?v=1680565780" alt="Dreamer Strapless Maxi Bridesmaid Formal Dress in Black by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-strapless-dress-black" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-dress-maxi-black-bridal-bridesmaids_8_180x.jpg?v=1680762130 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-dress-maxi-black-bridal-bridesmaids_8_360x.jpg?v=1680762130 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-dress-maxi-black-bridal-bridesmaids_8_540x.jpg?v=1680762130 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-dress-maxi-black-bridal-bridesmaids_8_720x.jpg?v=1680762130 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-dress-maxi-black-bridal-bridesmaids_8_900x.jpg?v=1680762130 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER STRAPLESS DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6622610325559"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 43 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 44 |
Error
On line 3938, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dusty-blue" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-moon-dance-v-maxi-dusy-blue-1_{width}x.jpg?v=1709084524" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Bridesmaid Maxi Dress in Dusty Blue by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-moon-dance-v-maxi-dusy-blue-1_400x.jpg?v=1709084524" alt="Moon Dance V Neck Bridesmaid Maxi Dress in Dusty Blue by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dusty-blue" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11287_1310_2_180x.jpg?v=1709084524 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11287_1310_2_360x.jpg?v=1709084524 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11287_1310_2_540x.jpg?v=1709084524 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11287_1310_2_720x.jpg?v=1709084524 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11287_1310_2_900x.jpg?v=1709084524 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820454455"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 45 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 46 |
Error
On line 4018, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-strapless-dress-dusty-blue" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-moon-dance-strapless-dress-dusty-blue_5_{width}x.jpg?v=1706757901" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance Strapless Maxi Dress in Dusty Blue by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-moon-dance-strapless-dress-dusty-blue_5_400x.jpg?v=1706757901" alt="Moon Dance Strapless Maxi Dress in Dusty Blue by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moon-dance-strapless-dress-dusty-blue" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/F23-10510_133bec-bridge-moon-dance-strapless-dusty-blue-silk-bridal-bridesmaid-wedding_5f75df0f-1801-4edf-9e48-4e3e20a90e0f_180x.jpg?v=1706757901 180w 297h, //www.becandbridge.com/cdn/shop/products/F23-10510_133bec-bridge-moon-dance-strapless-dusty-blue-silk-bridal-bridesmaid-wedding_5f75df0f-1801-4edf-9e48-4e3e20a90e0f_360x.jpg?v=1706757901 360w 594h, //www.becandbridge.com/cdn/shop/products/F23-10510_133bec-bridge-moon-dance-strapless-dusty-blue-silk-bridal-bridesmaid-wedding_5f75df0f-1801-4edf-9e48-4e3e20a90e0f_540x.jpg?v=1706757901 540w 891h, //www.becandbridge.com/cdn/shop/products/F23-10510_133bec-bridge-moon-dance-strapless-dusty-blue-silk-bridal-bridesmaid-wedding_5f75df0f-1801-4edf-9e48-4e3e20a90e0f_720x.jpg?v=1706757901 720w 1188h, //www.becandbridge.com/cdn/shop/products/F23-10510_133bec-bridge-moon-dance-strapless-dusty-blue-silk-bridal-bridesmaid-wedding_5f75df0f-1801-4edf-9e48-4e3e20a90e0f_900x.jpg?v=1706757901 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE STRAPLESS DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6715945058359"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 47 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 48 |
Error
On line 4098, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-l-s-maxi-dress-dusty-blue" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-moon-dance-long-sleeve-maxi-dress-dusty-blue-1_{width}x.jpg?v=1709529643" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance Long Sleeve Formal Bridesmaid Dress in Dusty Blue by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-moon-dance-long-sleeve-maxi-dress-dusty-blue-1_400x.jpg?v=1709529643" alt="Moon Dance Long Sleeve Formal Bridesmaid Dress in Dusty Blue by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moon-dance-l-s-maxi-dress-dusty-blue" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/BM-10526_1220_dbBEC-BRIDGE-MOON-DANCE-LONG-SLEEVE-MAXI-DRESS-BLUE-DUSTY-BRIDESMAID-WEDDING-BRIDAL_7adac584-a868-4406-839f-8ca124500798_180x.jpg?v=1709529643 180w 297h, //www.becandbridge.com/cdn/shop/products/BM-10526_1220_dbBEC-BRIDGE-MOON-DANCE-LONG-SLEEVE-MAXI-DRESS-BLUE-DUSTY-BRIDESMAID-WEDDING-BRIDAL_7adac584-a868-4406-839f-8ca124500798_360x.jpg?v=1709529643 360w 594h, //www.becandbridge.com/cdn/shop/products/BM-10526_1220_dbBEC-BRIDGE-MOON-DANCE-LONG-SLEEVE-MAXI-DRESS-BLUE-DUSTY-BRIDESMAID-WEDDING-BRIDAL_7adac584-a868-4406-839f-8ca124500798_540x.jpg?v=1709529643 540w 891h, //www.becandbridge.com/cdn/shop/products/BM-10526_1220_dbBEC-BRIDGE-MOON-DANCE-LONG-SLEEVE-MAXI-DRESS-BLUE-DUSTY-BRIDESMAID-WEDDING-BRIDAL_7adac584-a868-4406-839f-8ca124500798_720x.jpg?v=1709529643 720w 1188h, //www.becandbridge.com/cdn/shop/products/BM-10526_1220_dbBEC-BRIDGE-MOON-DANCE-LONG-SLEEVE-MAXI-DRESS-BLUE-DUSTY-BRIDESMAID-WEDDING-BRIDAL_7adac584-a868-4406-839f-8ca124500798_900x.jpg?v=1709529643 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE LONG SLEEVE MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$330.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6715944861751"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 49 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 50 |
Error
On line 4176, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-verona-dress-dusty-blue" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-neck-maxi-dress-dusty-blue-1_{width}x.jpg?v=1709529376" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Verona Maxi Prom Bridesmaid Dress in Dusty Blue by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-neck-maxi-dress-dusty-blue-1_400x.jpg?v=1709529376" alt="Moon Dance V Neck Verona Maxi Prom Bridesmaid Dress in Dusty Blue by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moon-dance-verona-dress-dusty-blue" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-neck-maxi-dress-dusty-blue-2_180x.jpg?v=1709529378 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-neck-maxi-dress-dusty-blue-2_360x.jpg?v=1709529378 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-neck-maxi-dress-dusty-blue-2_540x.jpg?v=1709529378 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-neck-maxi-dress-dusty-blue-2_720x.jpg?v=1709529378 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-verona-v-neck-maxi-dress-dusty-blue-2_900x.jpg?v=1709529378 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE VERONA DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$300.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797996982327"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 51 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 52 |
Error
On line 4256, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-strapless-dress-sage" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-strapless-dress-sage-bridal-bridesmaids_6_{width}x.jpg?v=1680497897" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance Strapless Bridesmaid Dress in Sage Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-strapless-dress-sage-bridal-bridesmaids_6_400x.jpg?v=1680497897" alt="Moon Dance Strapless Bridesmaid Dress in Sage Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moon-dance-strapless-dress-sage" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-strapless-dress-sage-bridal-bridesmaids_7_180x.jpg?v=1681169957 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-strapless-dress-sage-bridal-bridesmaids_7_360x.jpg?v=1681169957 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-strapless-dress-sage-bridal-bridesmaids_7_540x.jpg?v=1681169957 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-strapless-dress-sage-bridal-bridesmaids_7_720x.jpg?v=1681169957 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-strapless-dress-sage-bridal-bridesmaids_7_900x.jpg?v=1681169957 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE STRAPLESS DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="4614976176183"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 53 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 54 |
Error
On line 4340, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-cowl-dress-sage" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-cowl-dress-split-maxi-silk-bridal-bridesmaid-sage-green_2_{width}x.jpg?v=1680569385" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="MOON DANCE COWL DRESS - SAGE"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-cowl-dress-split-maxi-silk-bridal-bridesmaid-sage-green_2_400x.jpg?v=1680569385" alt="MOON DANCE COWL DRESS - SAGE"> </noscript> </a> </div> <a href="/products/moon-dance-cowl-dress-sage" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-cowl-dress-split-maxi-silk-bridal-bridesmaid-sage-green_1_180x.jpg?v=1680759191 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-cowl-dress-split-maxi-silk-bridal-bridesmaid-sage-green_1_360x.jpg?v=1680759191 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-cowl-dress-split-maxi-silk-bridal-bridesmaid-sage-green_1_540x.jpg?v=1680759191 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-cowl-dress-split-maxi-silk-bridal-bridesmaid-sage-green_1_720x.jpg?v=1680759191 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-cowl-dress-split-maxi-silk-bridal-bridesmaid-sage-green_1_900x.jpg?v=1680759191 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE COWL DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$330.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="4541345071159"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 55 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 56 |
Error
On line 4420, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-maxi-dress-sage" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sage-bridal-bridesmaids_1_{width}x.jpg?v=1680502067" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer High neck Maxi Dress in Sage Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sage-bridal-bridesmaids_1_400x.jpg?v=1680502067" alt="Dreamer High neck Maxi Dress in Sage Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-maxi-dress-sage" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sage-bridal-bridesmaids_2_180x.jpg?v=1680762898 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sage-bridal-bridesmaids_2_360x.jpg?v=1680762898 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sage-bridal-bridesmaids_2_540x.jpg?v=1680762898 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sage-bridal-bridesmaids_2_720x.jpg?v=1680762898 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sage-bridal-bridesmaids_2_900x.jpg?v=1680762898 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="4614978338871"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 57 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 58 |
Error
On line 4500, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-square-neck-dress-sage" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-maxi-dress-sage-bridal-bridesmaid_7_{width}x.jpg?v=1680563475" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer Square Neck Maxi Split Bridesmaids Dress in Sage Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-maxi-dress-sage-bridal-bridesmaid_7_400x.jpg?v=1680563475" alt="Dreamer Square Neck Maxi Split Bridesmaids Dress in Sage Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-square-neck-dress-sage" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-maxi-dress-sage-bridal-bridesmaid_1_180x.jpg?v=1680760611 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-maxi-dress-sage-bridal-bridesmaid_1_360x.jpg?v=1680760611 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-maxi-dress-sage-bridal-bridesmaid_1_540x.jpg?v=1680760611 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-maxi-dress-sage-bridal-bridesmaid_1_720x.jpg?v=1680760611 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-maxi-dress-sage-bridal-bridesmaid_1_900x.jpg?v=1680760611 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER SQUARE NECK DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6622611046455"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 59 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 60 |
Error
On line 4584, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-maxi-dress-golden" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-maxi-dress-golden-bridal-bridesmaids_1_{width}x.jpg?v=1680504087" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="MOON DANCE MAXI DRESS - GOLDEN"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-maxi-dress-golden-bridal-bridesmaids_1_400x.jpg?v=1680504087" alt="MOON DANCE MAXI DRESS - GOLDEN"> </noscript> </a> </div> <a href="/products/moon-dance-maxi-dress-golden" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-maxi-dress-golden-bridal-bridesmaids_1_aadf0925-a9e4-402d-a293-216f21022b7b_180x.jpg?v=1680763364 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-maxi-dress-golden-bridal-bridesmaids_1_aadf0925-a9e4-402d-a293-216f21022b7b_360x.jpg?v=1680763364 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-maxi-dress-golden-bridal-bridesmaids_1_aadf0925-a9e4-402d-a293-216f21022b7b_540x.jpg?v=1680763364 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-maxi-dress-golden-bridal-bridesmaids_1_aadf0925-a9e4-402d-a293-216f21022b7b_720x.jpg?v=1680763364 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-moon-dance-maxi-dress-golden-bridal-bridesmaids_1_aadf0925-a9e4-402d-a293-216f21022b7b_900x.jpg?v=1680763364 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE MAXI DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$300.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$210.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6610302337079"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 61 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 62 |
Error
On line 4668, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-strapless-dress-golden" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-golden-bridal-bridesmaids_2_{width}x.jpg?v=1680761442" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="THE DREAMER STRAPLESS DRESS - GOLDEN"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-golden-bridal-bridesmaids_2_400x.jpg?v=1680761442" alt="THE DREAMER STRAPLESS DRESS - GOLDEN"> </noscript> </a> </div> <a href="/products/the-dreamer-strapless-dress-golden" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-golden-bridal-bridesmaids_3_180x.jpg?v=1680761442 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-golden-bridal-bridesmaids_3_360x.jpg?v=1680761442 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-golden-bridal-bridesmaids_3_540x.jpg?v=1680761442 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-golden-bridal-bridesmaids_3_720x.jpg?v=1680761442 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-golden-bridal-bridesmaids_3_900x.jpg?v=1680761442 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER STRAPLESS DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$380.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$266.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6622610391095"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 63 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 64 |
Error
On line 4752, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-square-neck-dress-golden" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-brdge-the-dreamer-square-neck-dress-maxi-golden-bridal-bridesmaids_1_{width}x.jpg?v=1680563716" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="THE DREAMER SQUARE NECK DRESS - GOLDEN"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-brdge-the-dreamer-square-neck-dress-maxi-golden-bridal-bridesmaids_1_400x.jpg?v=1680563716" alt="THE DREAMER SQUARE NECK DRESS - GOLDEN"> </noscript> </a> </div> <a href="/products/the-dreamer-square-neck-dress-golden" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-brdge-the-dreamer-square-neck-dress-maxi-golden-bridal-bridesmaids_2_180x.jpg?v=1680760776 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-brdge-the-dreamer-square-neck-dress-maxi-golden-bridal-bridesmaids_2_360x.jpg?v=1680760776 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-brdge-the-dreamer-square-neck-dress-maxi-golden-bridal-bridesmaids_2_540x.jpg?v=1680760776 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-brdge-the-dreamer-square-neck-dress-maxi-golden-bridal-bridesmaids_2_720x.jpg?v=1680760776 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-brdge-the-dreamer-square-neck-dress-maxi-golden-bridal-bridesmaids_2_900x.jpg?v=1680760776 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER SQUARE NECK DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$380.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$266.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6622610915383"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 65 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 66 |
Error
On line 4836, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-asym-dress-golden" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-golden-bridal-bridesmaid_2_{width}x.jpg?v=1680490516" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="THE DREAMER ASYM DRESS - GOLDEN"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-golden-bridal-bridesmaid_2_400x.jpg?v=1680490516" alt="THE DREAMER ASYM DRESS - GOLDEN"> </noscript> </a> </div> <a href="/products/the-dreamer-asym-dress-golden" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-golden-bridal-bridesmaid_2_83e63d42-1e7f-41f3-99d6-2d9c6a20fd38_180x.jpg?v=1680765184 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-golden-bridal-bridesmaid_2_83e63d42-1e7f-41f3-99d6-2d9c6a20fd38_360x.jpg?v=1680765184 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-golden-bridal-bridesmaid_2_83e63d42-1e7f-41f3-99d6-2d9c6a20fd38_540x.jpg?v=1680765184 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-golden-bridal-bridesmaid_2_83e63d42-1e7f-41f3-99d6-2d9c6a20fd38_720x.jpg?v=1680765184 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-golden-bridal-bridesmaid_2_83e63d42-1e7f-41f3-99d6-2d9c6a20fd38_900x.jpg?v=1680765184 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER ASYM DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$380.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$266.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6587271217207"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 67 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 68 |
Error
On line 4920, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-l-s-maxi-dress-rose-gold" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-10526_1220_{width}x.jpg?v=1678664476" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="MOON DANCE LONG SLEEVE MAXI DRESS - ROSE GOLD"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-10526_1220_400x.jpg?v=1678664476" alt="MOON DANCE LONG SLEEVE MAXI DRESS - ROSE GOLD"> </noscript> </a> </div> <a href="/products/moon-dance-l-s-maxi-dress-rose-gold" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/BM-10526_1229_180x.jpg?v=1678664476 180w 297h, //www.becandbridge.com/cdn/shop/products/BM-10526_1229_360x.jpg?v=1678664476 360w 594h, //www.becandbridge.com/cdn/shop/products/BM-10526_1229_540x.jpg?v=1678664476 540w 891h, //www.becandbridge.com/cdn/shop/products/BM-10526_1229_720x.jpg?v=1678664476 720w 1188h, //www.becandbridge.com/cdn/shop/products/BM-10526_1229_900x.jpg?v=1678664476 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE LONG SLEEVE MAXI DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$330.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6723413377079"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 69 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 70 |
Error
On line 5002, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-verona-dress-rose-gold" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-11561_1257_1_{width}x.jpg?v=1683156280" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="MOON DANCE VERONA DRESS - ROSE GOLD"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-11561_1257_1_400x.jpg?v=1683156280" alt="MOON DANCE VERONA DRESS - ROSE GOLD"> </noscript> </a> </div> <a href="/products/moon-dance-verona-dress-rose-gold" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11561_1255_1_180x.jpg?v=1683173300 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11561_1255_1_360x.jpg?v=1683173300 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11561_1255_1_540x.jpg?v=1683173300 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11561_1255_1_720x.jpg?v=1683173300 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11561_1255_1_900x.jpg?v=1683173300 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE VERONA DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$300.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797997113399"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 71 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 72 |
Error
On line 5086, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moon-dance-cowl-dress-rose-gold" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-D1300_1043bec-bridge-moon-dance-cowl-dress-rose-gold-pink-blush_71aa46d9-b1d9-4a41-8629-d902213e553e_{width}x.jpg?v=1679279895" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="MOON DANCE COWL DRESS - ROSE GOLD"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-D1300_1043bec-bridge-moon-dance-cowl-dress-rose-gold-pink-blush_71aa46d9-b1d9-4a41-8629-d902213e553e_400x.jpg?v=1679279895" alt="MOON DANCE COWL DRESS - ROSE GOLD"> </noscript> </a> </div> <a href="/products/moon-dance-cowl-dress-rose-gold" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/BM-D1300_1043bec-bridge-moon-dance-cowl-dress-rose-gold-pink-blush_bfd25c6d-d4bb-48ce-a950-4de063ef2516_180x.jpg?v=1679287631 180w 297h, //www.becandbridge.com/cdn/shop/products/BM-D1300_1043bec-bridge-moon-dance-cowl-dress-rose-gold-pink-blush_bfd25c6d-d4bb-48ce-a950-4de063ef2516_360x.jpg?v=1679287631 360w 594h, //www.becandbridge.com/cdn/shop/products/BM-D1300_1043bec-bridge-moon-dance-cowl-dress-rose-gold-pink-blush_bfd25c6d-d4bb-48ce-a950-4de063ef2516_540x.jpg?v=1679287631 540w 891h, //www.becandbridge.com/cdn/shop/products/BM-D1300_1043bec-bridge-moon-dance-cowl-dress-rose-gold-pink-blush_bfd25c6d-d4bb-48ce-a950-4de063ef2516_720x.jpg?v=1679287631 720w 1188h, //www.becandbridge.com/cdn/shop/products/BM-D1300_1043bec-bridge-moon-dance-cowl-dress-rose-gold-pink-blush_bfd25c6d-d4bb-48ce-a950-4de063ef2516_900x.jpg?v=1679287631 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE COWL DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$330.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6723413311543"></span> <div class="grid-product__tag--metafield"> AUSTRALIAN MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 73 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 74 |
Error
On line 5166, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-maxi-dress-sand" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sand-bridal-bridesmaids_2_{width}x.jpg?v=1680502618" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer Maxi High Neck Split Bridesmaid Formal Dress in Sand by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sand-bridal-bridesmaids_2_400x.jpg?v=1680502618" alt="Dreamer Maxi High Neck Split Bridesmaid Formal Dress in Sand by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-maxi-dress-sand" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sand-bridal-bridesmaids_3_180x.jpg?v=1680762675 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sand-bridal-bridesmaids_3_360x.jpg?v=1680762675 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sand-bridal-bridesmaids_3_540x.jpg?v=1680762675 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sand-bridal-bridesmaids_3_720x.jpg?v=1680762675 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-maxi-dress-sand-bridal-bridesmaids_3_900x.jpg?v=1680762675 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="4614978404407"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 75 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 76 |
Error
On line 5246, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-asym-dress-sand" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-sand-bridal-bridesmaid_1_{width}x.jpg?v=1680495340" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer Asym Bridesmaid Dress in Sad Off White by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-sand-bridal-bridesmaid_1_400x.jpg?v=1680495340" alt="Dreamer Asym Bridesmaid Dress in Sad Off White by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-asym-dress-sand" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-sand-bridal-bridesmaid_2_180x.jpg?v=1680764143 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-sand-bridal-bridesmaid_2_360x.jpg?v=1680764143 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-sand-bridal-bridesmaid_2_540x.jpg?v=1680764143 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-sand-bridal-bridesmaid_2_720x.jpg?v=1680764143 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-asym-dress-sand-bridal-bridesmaid_2_900x.jpg?v=1680764143 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER ASYM DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="4614975914039"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 77 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 78 |
Error
On line 5326, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-strapless-dress-sand" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-sand-bridal-bridesmaids_2_{width}x.jpg?v=1680565539" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Dreamer Strapless Formal Maxi Bridesmaid Dress in Sand Off White by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-sand-bridal-bridesmaids_2_400x.jpg?v=1680565539" alt="Dreamer Strapless Formal Maxi Bridesmaid Dress in Sand Off White by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-strapless-dress-sand" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-sand-bridal-bridesmaids_2_f6cb553b-0f1f-44cc-a841-ab575a192b12_180x.jpg?v=1680761931 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-sand-bridal-bridesmaids_2_f6cb553b-0f1f-44cc-a841-ab575a192b12_360x.jpg?v=1680761931 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-sand-bridal-bridesmaids_2_f6cb553b-0f1f-44cc-a841-ab575a192b12_540x.jpg?v=1680761931 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-sand-bridal-bridesmaids_2_f6cb553b-0f1f-44cc-a841-ab575a192b12_720x.jpg?v=1680761931 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-strapless-maxi-dress-sand-bridal-bridesmaids_2_f6cb553b-0f1f-44cc-a841-ab575a192b12_900x.jpg?v=1680761931 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER STRAPLESS DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6622610554935"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 79 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 80 |
Error
On line 5406, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/the-dreamer-square-neck-dress-sand" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-dress-sand-bridal-bridesmaids_2_{width}x.jpg?v=1680564580" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="The Dreamer Square Neck Formal Bridesmaid Dress in Sand Off White by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-dress-sand-bridal-bridesmaids_2_400x.jpg?v=1680564580" alt="The Dreamer Square Neck Formal Bridesmaid Dress in Sand Off White by Bec + Bridge"> </noscript> </a> </div> <a href="/products/the-dreamer-square-neck-dress-sand" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-dress-sand-bridal-bridesmaids_3_180x.jpg?v=1680760923 180w 297h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-dress-sand-bridal-bridesmaids_3_360x.jpg?v=1680760923 360w 594h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-dress-sand-bridal-bridesmaids_3_540x.jpg?v=1680760923 540w 891h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-dress-sand-bridal-bridesmaids_3_720x.jpg?v=1680760923 720w 1188h, //www.becandbridge.com/cdn/shop/products/bec-bridge-the-dreamer-square-neck-dress-sand-bridal-bridesmaids_3_900x.jpg?v=1680760923 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> THE DREAMER SQUARE NECK DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6622611111991"></span> <div class="grid-product__tag--metafield"> BEST SELLER </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 81 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 82 |
Error
On line 5728, column 42 n-colour"> </div> </div> </div> </div> </div> </section> </div><div id="shopify-section-template--15061489418295__a4bec17f-896c-47de-8b03-6ad578f7e596" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com.au/collections/black" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners7_1e212184-653e-4970-beda-e52cea79f6a0.jpg?v=1689217821')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">BLACK</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/blue" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners8_ae3a3aeb-1bcf-469e-af74-8835508ee4dd.jpg?v=1689217851')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">BLUES</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com.au/collections/golden" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners9_449437ee-b30f-4f8a-8d63-6f55559e39a4.jpg?v=1689217864')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GOLDEN</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com.au/collections/sage" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners10_cedc1fab-fb31-4dd9-b2e6-a384d21f38ae.jpg?v=1689217927')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GREENS</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__a4bec17f-896c-47de-8b03-6ad578f7e596 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .banner__image { height: auto; } .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component-wrapper { position: relative; } .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component__text-wrapper, .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8" class="full-screen-banner banner--template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/desktop-banners3_2f821014-9775-4eda-bfec-684b188705b5.jpg?v=1689055362&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/desktop-banners3_2f821014-9775-4eda-bfec-684b188705b5.jpg?v=1689055362&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/desktop-banners3_2f821014-9775-4eda-bfec-684b188705b5.jpg?v=1689055362&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/desktop-banners3_2f821014-9775-4eda-bfec-684b188705b5.jpg?v=1689055362&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/desktop-banners3_2f821014-9775-4eda-bfec-684b188705b5.jpg?v=1689055362&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT AS SEEN ON YOU</h3> <a href="https://www.becandbridge.com/pages/real-brides" style="color: #ffffff;">DISCOVER REAL BRIDES</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__f44131fd-2262-4867-b799-5774914fc6b8 a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__7618c465-9485-4ea8-b3ed-388eeb895ce2" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__7618c465-9485-4ea8-b3ed-388eeb895ce2" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__7618c465-9485-4ea8-b3ed-388eeb895ce2"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/paradise-beaded-maxi-dress-ivory" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-paradise-beaded-bride-dress-maxi-white-1_{width}x.jpg?v=1709272251" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="PARADISE SILK BEADED MAXI DRESS - IVORY"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-paradise-beaded-bride-dress-maxi-white-1_400x.jpg?v=1709272251" alt="PARADISE SILK BEADED MAXI DRESS - IVORY"> </noscript> </a> </div> <a href="/products/paradise-beaded-maxi-dress-ivory" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-paradise-beaded-bride-dress-maxi-white-4_180x.jpg?v=1709272254 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-paradise-beaded-bride-dress-maxi-white-4_360x.jpg?v=1709272254 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-paradise-beaded-bride-dress-maxi-white-4_540x.jpg?v=1709272254 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-paradise-beaded-bride-dress-maxi-white-4_720x.jpg?v=1709272254 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-paradise-beaded-bride-dress-maxi-white-4_900x.jpg?v=1709272254 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> PARADISE SILK BEADED MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$470.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6794115973175"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 83 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 84 |
Error
On line 5806, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/celine-maxi-dress-cream-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-11588_2028bec-bridge-celine-maxi-dress-cream-ivory-white-lace-v-neck-bride-bridesmaid-bridal-wedding_{width}x.jpg?v=1682490360" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Celine Maxi Bridal Dress Lace Detail in White Ivory by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-11588_2028bec-bridge-celine-maxi-dress-cream-ivory-white-lace-v-neck-bride-bridesmaid-bridal-wedding_400x.jpg?v=1682490360" alt="Celine Maxi Bridal Dress Lace Detail in White Ivory by Bec + Bridge"> </noscript> </a> </div> <a href="/products/celine-maxi-dress-cream-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11588_2020bec-bridge-celine-maxi-dress-cream-ivory-white-lace-v-neck-bride-bridesmaid-bridal-wedding_180x.jpg?v=1682490360 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11588_2020bec-bridge-celine-maxi-dress-cream-ivory-white-lace-v-neck-bride-bridesmaid-bridal-wedding_360x.jpg?v=1682490360 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11588_2020bec-bridge-celine-maxi-dress-cream-ivory-white-lace-v-neck-bride-bridesmaid-bridal-wedding_540x.jpg?v=1682490360 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11588_2020bec-bridge-celine-maxi-dress-cream-ivory-white-lace-v-neck-bride-bridesmaid-bridal-wedding_720x.jpg?v=1682490360 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11588_2020bec-bridge-celine-maxi-dress-cream-ivory-white-lace-v-neck-bride-bridesmaid-bridal-wedding_900x.jpg?v=1682490360 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> CELINE MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$350.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6794115153975"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 85 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 86 |
Error
On line 5884, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/celine-tie-maxi-dress-cream-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-11532_533bec-bridge-maxi-dress-bridal-bride-bridesmaid-wedding-lace-celine-tie-maxi-dress-cream-ivory-white_343c7bcf-eac0-4ef3-b26f-681bbe7a723f_{width}x.jpg?v=1682490466" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Celine Bridal Bridesmaid Lace Maxi Dress in White Ivory by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-11532_533bec-bridge-maxi-dress-bridal-bride-bridesmaid-wedding-lace-celine-tie-maxi-dress-cream-ivory-white_343c7bcf-eac0-4ef3-b26f-681bbe7a723f_400x.jpg?v=1682490466" alt="Celine Bridal Bridesmaid Lace Maxi Dress in White Ivory by Bec + Bridge"> </noscript> </a> </div> <a href="/products/celine-tie-maxi-dress-cream-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11532_533bec-bridge-maxi-dress-bridal-bride-bridesmaid-wedding-lace-celine-tie-maxi-dress-cream-ivory-white_5f47724f-deff-4da4-90f9-e2d4b860150c_180x.jpg?v=1682569250 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11532_533bec-bridge-maxi-dress-bridal-bride-bridesmaid-wedding-lace-celine-tie-maxi-dress-cream-ivory-white_5f47724f-deff-4da4-90f9-e2d4b860150c_360x.jpg?v=1682569250 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11532_533bec-bridge-maxi-dress-bridal-bride-bridesmaid-wedding-lace-celine-tie-maxi-dress-cream-ivory-white_5f47724f-deff-4da4-90f9-e2d4b860150c_540x.jpg?v=1682569250 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11532_533bec-bridge-maxi-dress-bridal-bride-bridesmaid-wedding-lace-celine-tie-maxi-dress-cream-ivory-white_5f47724f-deff-4da4-90f9-e2d4b860150c_720x.jpg?v=1682569250 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11532_533bec-bridge-maxi-dress-bridal-bride-bridesmaid-wedding-lace-celine-tie-maxi-dress-cream-ivory-white_5f47724f-deff-4da4-90f9-e2d4b860150c_900x.jpg?v=1682569250 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> CELINE TIE MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$420.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6794115809335"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 87 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 88 |
Error
On line 5966, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/adore-tie-maxi-dress-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11565_1144bec-bridge-adore-tie-maxi-dress-white-silk-bride-bridal-bridesmaid-backless-white-ivory-cream_{width}x.jpg?v=1678678918" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ADORE TIE MAXI DRESS - CREAM"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11565_1144bec-bridge-adore-tie-maxi-dress-white-silk-bride-bridal-bridesmaid-backless-white-ivory-cream_400x.jpg?v=1678678918" alt="ADORE TIE MAXI DRESS - CREAM"> </noscript> </a> </div> <a href="/products/adore-tie-maxi-dress-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/products/BM-11565_1160bec-bridge-adore-tie-maxi-dress-white-silk-bride-bridal-bridesmaid-backless-white-ivory-cream_180x.jpg?v=1679356857 180w 297h, //www.becandbridge.com/cdn/shop/products/BM-11565_1160bec-bridge-adore-tie-maxi-dress-white-silk-bride-bridal-bridesmaid-backless-white-ivory-cream_360x.jpg?v=1679356857 360w 594h, //www.becandbridge.com/cdn/shop/products/BM-11565_1160bec-bridge-adore-tie-maxi-dress-white-silk-bride-bridal-bridesmaid-backless-white-ivory-cream_540x.jpg?v=1679356857 540w 891h, //www.becandbridge.com/cdn/shop/products/BM-11565_1160bec-bridge-adore-tie-maxi-dress-white-silk-bride-bridal-bridesmaid-backless-white-ivory-cream_720x.jpg?v=1679356857 720w 1188h, //www.becandbridge.com/cdn/shop/products/BM-11565_1160bec-bridge-adore-tie-maxi-dress-white-silk-bride-bridal-bridesmaid-backless-white-ivory-cream_900x.jpg?v=1679356857 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ADORE TIE MAXI DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$350.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6773951037495"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 89 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 90 |
Error
On line 6048, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/adore-v-maxi-dress-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/F23A-11590_1695bec-bridge-adore-v-maxi-dress-cream-ivory-white-bridesmaid-bridal-wedding_{width}x.jpg?v=1682556480" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ADORE V MAXI DRESS - CREAM"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/F23A-11590_1695bec-bridge-adore-v-maxi-dress-cream-ivory-white-bridesmaid-bridal-wedding_400x.jpg?v=1682556480" alt="ADORE V MAXI DRESS - CREAM"> </noscript> </a> </div> <a href="/products/adore-v-maxi-dress-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/F23A-11590_1695bec-bridge-adore-v-maxi-dress-cream-ivory-white-bridesmaid-bridal-wedding_14ac17d8-9bed-4e45-adfd-2bc2b48ae2d0_180x.jpg?v=1682556480 180w 297h, //www.becandbridge.com/cdn/shop/files/F23A-11590_1695bec-bridge-adore-v-maxi-dress-cream-ivory-white-bridesmaid-bridal-wedding_14ac17d8-9bed-4e45-adfd-2bc2b48ae2d0_360x.jpg?v=1682556480 360w 594h, //www.becandbridge.com/cdn/shop/files/F23A-11590_1695bec-bridge-adore-v-maxi-dress-cream-ivory-white-bridesmaid-bridal-wedding_14ac17d8-9bed-4e45-adfd-2bc2b48ae2d0_540x.jpg?v=1682556480 540w 891h, //www.becandbridge.com/cdn/shop/files/F23A-11590_1695bec-bridge-adore-v-maxi-dress-cream-ivory-white-bridesmaid-bridal-wedding_14ac17d8-9bed-4e45-adfd-2bc2b48ae2d0_720x.jpg?v=1682556480 720w 1188h, //www.becandbridge.com/cdn/shop/files/F23A-11590_1695bec-bridge-adore-v-maxi-dress-cream-ivory-white-bridesmaid-bridal-wedding_14ac17d8-9bed-4e45-adfd-2bc2b48ae2d0_900x.jpg?v=1682556480 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ADORE V MAXI DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$330.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6794115547191"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 91 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 92 |
Error
On line 6130, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/adore-halter-maxi-dress-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/BM-11462_494bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-ivory-cream-white-bride_{width}x.jpg?v=1682489155" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ADORE HALTER MAXI DRESS - CREAM"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/BM-11462_494bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-ivory-cream-white-bride_400x.jpg?v=1682489155" alt="ADORE HALTER MAXI DRESS - CREAM"> </noscript> </a> </div> <a href="/products/adore-halter-maxi-dress-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/BM-11462_494bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-ivory-cream-white-bride_02bfb378-2cc4-4c2a-822b-71fa77648019_180x.jpg?v=1682560992 180w 297h, //www.becandbridge.com/cdn/shop/files/BM-11462_494bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-ivory-cream-white-bride_02bfb378-2cc4-4c2a-822b-71fa77648019_360x.jpg?v=1682560992 360w 594h, //www.becandbridge.com/cdn/shop/files/BM-11462_494bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-ivory-cream-white-bride_02bfb378-2cc4-4c2a-822b-71fa77648019_540x.jpg?v=1682560992 540w 891h, //www.becandbridge.com/cdn/shop/files/BM-11462_494bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-ivory-cream-white-bride_02bfb378-2cc4-4c2a-822b-71fa77648019_720x.jpg?v=1682560992 720w 1188h, //www.becandbridge.com/cdn/shop/files/BM-11462_494bec-bridge-adore-halter-backless-maxi-dress-bridal-wedding-bridesmaid-ivory-cream-white-bride_02bfb378-2cc4-4c2a-822b-71fa77648019_900x.jpg?v=1682560992 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ADORE HALTER MAXI DRESS </div> <div class="grid-product__price"> <span class="visually-hidden">Regular price</span> <span class="grid-product__price--original"><span class=money>$330.00</span></span> <span class="visually-hidden">Sale price</span> <span class="js-price-currency"></span> <span class=money>$100.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6794116169783"></span> <div class="grid-product__tag--metafield"> </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 93 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 94 |
Error
On line 6210, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-scoop-maxi-dress-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-bridal-dress-4_{width}x.jpg?v=1709268986" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Eternity White Scoop Neck Maxi Bridesmaid Bridal Dress by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-bridal-dress-4_400x.jpg?v=1709268986" alt="Eternity White Scoop Neck Maxi Bridesmaid Bridal Dress by Bec + Bridge"> </noscript> </a> </div> <a href="/products/eternity-scoop-maxi-dress-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-bridal-dress-3_180x.jpg?v=1709268986 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-bridal-dress-3_360x.jpg?v=1709268986 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-bridal-dress-3_540x.jpg?v=1709268986 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-bridal-dress-3_720x.jpg?v=1709268986 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-scoop-neck-maxi-bridal-dress-3_900x.jpg?v=1709268986 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY SCOOP MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797807222839"></span> <div class="grid-product__tag--metafield"> AUSTRALIAN MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 95 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 96 |
Error
On line 6290, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-strapless-maxi-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-strapless-dress-cream-1_{width}x.jpg?v=1709526092" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="ETERNITY STRAPLESS MAXI - CREAM"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-strapless-dress-cream-1_400x.jpg?v=1709526092" alt="ETERNITY STRAPLESS MAXI - CREAM"> </noscript> </a> </div> <a href="/products/eternity-strapless-maxi-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-strapless-dress-cream-2_180x.jpg?v=1709526091 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-strapless-dress-cream-2_360x.jpg?v=1709526091 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-strapless-dress-cream-2_540x.jpg?v=1709526091 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-strapless-dress-cream-2_720x.jpg?v=1709526091 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-strapless-dress-cream-2_900x.jpg?v=1709526091 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY STRAPLESS MAXI </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797807484983"></span> <div class="grid-product__tag--metafield"> AUSTRALIAN MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 97 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 98 |
Error
On line 6370, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-asym-maxi-dress-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-maxi-dress-cream-5_{width}x.jpg?v=1709525143" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Eternity One Shoulder Maxi Bridal Bridesmaid Dress in Cream Ivory by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-maxi-dress-cream-5_400x.jpg?v=1709525143" alt="Eternity One Shoulder Maxi Bridal Bridesmaid Dress in Cream Ivory by Bec + Bridge"> </noscript> </a> </div> <a href="/products/eternity-asym-maxi-dress-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-maxi-dress-cream-8_180x.jpg?v=1710911496 180w 297h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-maxi-dress-cream-8_360x.jpg?v=1710911496 360w 594h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-maxi-dress-cream-8_540x.jpg?v=1710911496 540w 891h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-maxi-dress-cream-8_720x.jpg?v=1710911496 720w 1188h, //www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-one-shoulder-maxi-dress-cream-8_900x.jpg?v=1710911496 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY ASYM MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6797807976503"></span> <div class="grid-product__tag--metafield"> AUSTRALIAN MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 99 |
Info
On line 2662, column 42 s="false"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"> <div id="shopify-section-header" class="shopify-section"> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__inner"> <ul class="mobile-nav" role="navigation" aria-label="Primary"> <li class="mobile-nav__item appear-animation appear-delay-2"> <div class="mobile-nav__has-sublist"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="mobile-nav__link" id="Label-dresses">DRESSES</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-dresses"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-dresses" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-dresses"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="mobile-nav__link" id="Sublabel-mini-dresses"> Mini Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="mobile-nav__link" id="Sublabel-midi-dresses"> Midi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="mobile-nav__link" id="Sublabel-maxi-dresses"> Maxi Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/prom-dresses" class="mobile-nav__link" id="Sublabel-prom-dresses"> Prom Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaid-dresses"> Bridesmaid Dresses </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="mobile-nav__link" id="Sublabel-wedding-guest"> Wedding Guest </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-3"> <div class="mobile-nav__has-sublist"> <a href="/collections/all" class="mobile-nav__link" id="Label-shop">SHOP</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-shop"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-shop" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-shop"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/new-arrivals" class="mobile-nav__link" id="Sublabel-new"> NEW </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sale" class="mobile-nav__link" id="Sublabel-sale"> Sale </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/all" class="mobile-nav__link" id="Sublabel-all"> All </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/tops" class="mobile-nav__link" id="Sublabel-tops"> Tops </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-tops"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-tops" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-tops"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/long-sleeve" class="mobile-nav__link"> LONG SLEEVE </a> </li> <li class="mobile-nav__item"> <a href="/collections/sleeveless" class="mobile-nav__link"> Sleeveless </a> </li> <li class="mobile-nav__item"> <a href="/collections/cropped" class="mobile-nav__link"> Cropped </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bottoms" class="mobile-nav__link" id="Sublabel-bottoms"> Bottoms </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-bottoms"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-bottoms" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-bottoms"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/shorts-pants" class="mobile-nav__link"> Shorts + Pants </a> </li> <li class="mobile-nav__item"> <a href="/collections/skirts" class="mobile-nav__link"> Skirts </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/accessories" class="mobile-nav__link" id="Sublabel-accessories"> Accessories </a> <button type="button" class="collapsible-trigger" aria-controls="Sublinklist-shop-accessories"> <span class="collapsible-trigger__icon collapsible-trigger__icon--small collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg> </span> </button> </div> <div id="Sublinklist-shop-accessories" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Sublabel-accessories"> <div class="collapsible-content__inner"> <ul class="mobile-nav__grandchildlist"> <li class="mobile-nav__item"> <a href="/collections/jewellery" class="mobile-nav__link"> JEWELRY </a> </li> <li class="mobile-nav__item"> <a href="/collections/caps" class="mobile-nav__link"> CAPS </a> </li> </ul> </div> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/knitwear" class="mobile-nav__link" id="Sublabel-knitwear"> Knitwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/outerwear" class="mobile-nav__link" id="Sublabel-outerwear"> Outerwear </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/best-sellers" class="mobile-nav__link" id="Sublabel-best-sellers"> Best Sellers </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/back-in-stock" class="mobile-nav__link" id="Sublabel-back-in-stock"> Back In Stock </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/coming-soon" class="mobile-nav__link" id="Sublabel-coming-soon"> COMING SOON </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item mobile-nav__item--active appear-animation appear-delay-4"> <div class="mobile-nav__has-sublist"> <a href="/pages/the-wedding-edit-2023" class="mobile-nav__link" id="Label-weddings">WEDDINGS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-weddings"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-weddings" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-weddings"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/brides" class="mobile-nav__link" id="Sublabel-brides"> BRIDES </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/bridesmaids" class="mobile-nav__link" id="Sublabel-bridesmaids"> BRIDESMAIDS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/guests" class="mobile-nav__link" id="Sublabel-guests"> GUESTS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/real-brides" class="mobile-nav__link" id="Sublabel-love-stories"> LOVE STORIES </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-5"> <div class="mobile-nav__has-sublist"> <a href="/collections/events" class="mobile-nav__link" id="Label-events">EVENTS</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-events"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-events" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-events"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/gowns" class="mobile-nav__link" id="Sublabel-gowns"> GOWNS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/maxi" class="mobile-nav__link" id="Sublabel-maxis"> MAXI&#39;S </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/party" class="mobile-nav__link" id="Sublabel-party"> PARTY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/collections/sets" class="mobile-nav__link" id="Sublabel-sets"> SETS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-6"> <div class="mobile-nav__has-sublist"> <a href="/pages/welcome-to-our-world" class="mobile-nav__link" id="Label-our-world">OUR WORLD</a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-our-world"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-our-world" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-our-world"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/portal" class="mobile-nav__link" id="Sublabel-the-portal"> THE PORTAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/our-story" class="mobile-nav__link" id="Sublabel-our-story"> OUR STORY </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/seen-on-social" class="mobile-nav__link" id="Sublabel-seen-on-social"> SEEN ON SOCIAL </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/sustainability-ethics" class="mobile-nav__link" id="Sublabel-sustainability-ethics"> SUSTAINABILITY + ETHICS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/partnerships" class="mobile-nav__link" id="Sublabel-partnerships"> PARTNERSHIPS </a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="/pages/meet-our-makers" class="mobile-nav__link" id="Sublabel-meet-our-makers"> MEET OUR MAKERS </a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-7"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Change Currency </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-currency-changer"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-currency-changer" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-currency-changer"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link="USD" data-currency-code="USD" class="mobile-nav__link" >USD</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="GBP">GBP</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="JPY">JPY</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com" data-currency-link class="mobile-nav__link" data-currency-code="EUR">EUR</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-8"> <div class="mobile-nav__has-sublist"> <a class="mobile-nav__non-click-link a js-no-transition" collapse-trigger-on-click> Follow </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-socials"> <span class="toggle-icon"></span> </button> </div> </div> <div id="Linklist-socials" class="mobile-nav__sublist collapsible-content collapsible-content--all" aria-labelledby="Label-socials"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.instagram.com/becandbridge/" class="mobile-nav__link" >Instagram</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.facebook.com/Bec-and-Bridge-134148233306462/" class="mobile-nav__link" >Facebook</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.tiktok.com/@becandbridge" class="mobile-nav__link" >TikTok</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.pinterest.com.au/becandbridge/" class="mobile-nav__link" >Pinterest</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://www.becandbridge.com/pages/sms" class="mobile-nav__link" >SMS</a> </div> </li> <li class="mobile-nav__item"> <div class="mobile-nav__child-item"> <a href="https://au.linkedin.com/company/bec-bridge" class="mobile-nav__link" >linkedin</a> </div> </li> </ul> </div> </div> </li> <li class="mobile-nav__item appear-animation appear-delay-9"> <a href="/account/login" class="mobile-nav__link">Log in</a> </li> <li class="mobile-nav__spacer"></li> </ul> </div> </div> <style> .site-nav__link { font-size: 12px; } .site-nav__dropdown-link { font-size: 12px; } </style> <div data-section-id="header" data-section-type="header-section"> <div class="header-wrapper"> <div class="announcement announcement--closed"> <div class="announcement-slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1,"vertical": true, "infinite": false }'> <div class="announcement__text"> <p>SIGN UP FOR $25 OFF YOUR FIRST ORDER</p> </div> <div class="announcement__text"> <p><a href="/pages/shipping" target="_blank" title="SHIPPING + ORDERS">FREE CARBON NEUTRAL USA SHIPPING</a></p> </div> <div class="announcement__text"> <p><a href="https://iequalchange.com/brands/bec-bridge/" target="_blank" title="https://iequalchange.com/brands/bec-bridge/">$1 FROM EVERY ONLINE ORDER DONATED</a></p> </div> </div> <button type="button" class="text-link announcement__close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close"</span> </button> </div> <header class="site-header" data-sticky="true" data-sticky-mobile="false"> <div class="page-width"> <div class="header-layout header-layout--left"> <div class="header-item--mobile "> <button type="button" class="site-nav__link site-nav__link--icon hamburger__mobile js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> <div class="header-item header-item--logo"> <style> .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } @media only screen and (min-width: 590px) { .site-header__logo a { height: 20px; } .is-light .site-header__logo .logo--inverted { height: 20px; } } </style> <div class="h1 site-header__logo" > <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457" srcset="//www.becandbridge.com/cdn/shop/files/BB_logo_x20.png?v=1613579457 1x, //www.becandbridge.com/cdn/shop/files/[email protected]?v=1613579457 2x" alt="BEC + BRIDGE US"> </a> <a href="/" itemprop="url" class="site-header__logo-link logo--inverted"> <img class="small--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US" itemprop="logo"> <img class="medium-up--hide" src="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213" srcset="//www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20.png?v=1672806213 1x, //www.becandbridge.com/cdn/shop/files/BB-Logo-Adjusted-Black_1_d1862df1-80ab-4338-878b-6315957f1137_x20@2x.png?v=1672806213 2x" alt="BEC + BRIDGE US"> </a> </div> <form action="/search" method="get" class="site-header__search-form for-sticky" role="search"> <input type="search" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> <button type="submit" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> </form> <ul class="site-nav site-navigation small--hide site-nav--activate-compress" role="navigation" aria-label="Primary"> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="https://www.becandbridge.com/collections/dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=dresses_us" class="site-nav__link"> DRESSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="https://www.becandbridge.com/collections/mini?utm_source=website&utm_medium=nav_menu&utm_campaign=mini_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Mini Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/midi?utm_source=website&utm_medium=nav_menu&utm_campaign=midi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Midi Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/maxi?utm_source=website&utm_medium=nav_menu&utm_campaign=maxi_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Maxi Dresses </a> </li> <li class=""> <a href="/collections/prom-dresses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Prom Dresses </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Bridesmaid Dresses </a> </li> <li class=""> <a href="https://www.becandbridge.com/collections/wedding-guest-dresses?utm_source=website&utm_medium=nav_menu&utm_campaign=wedding_guest_dresses_us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Wedding Guest </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/all" class="site-nav__link"> SHOP <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/new-arrivals" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> NEW </a> </li> <li class=""> <a href="/collections/sale" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Sale </a> </li> <li class=""> <a href="/collections/all" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> All </a> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/tops" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Tops <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/long-sleeve" class="site-nav__dropdown-link">LONG SLEEVE</a> </li> <li> <a href="/collections/sleeveless" class="site-nav__dropdown-link">Sleeveless</a> </li> <li> <a href="/collections/cropped" class="site-nav__dropdown-link">Cropped</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/bottoms" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Bottoms <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/shorts-pants" class="site-nav__dropdown-link">Shorts + Pants</a> </li> <li> <a href="/collections/skirts" class="site-nav__dropdown-link">Skirts</a> </li> </ul> </li> <li class=" site-nav__deep-dropdown-trigger"> <a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--second-level site-nav__dropdown-link--has-children"> Accessories <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__deep-dropdown"> <li> <a href="/collections/jewellery" class="site-nav__dropdown-link">JEWELRY</a> </li> <li> <a href="/collections/caps" class="site-nav__dropdown-link">CAPS</a> </li> </ul> </li> <li class=""> <a href="/collections/knitwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Knitwear </a> </li> <li class=""> <a href="/collections/outerwear" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Outerwear </a> </li> <li class=""> <a href="/collections/best-sellers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Best Sellers </a> </li> <li class=""> <a href="/collections/back-in-stock" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> Back In Stock </a> </li> <li class=""> <a href="/collections/coming-soon" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> COMING SOON </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--active" aria-haspopup="true"> <a href="/pages/the-wedding-edit-2023" class="site-nav__link"> WEDDINGS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDES </a> </li> <li class=""> <a href="/collections/bridesmaids" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> BRIDESMAIDS </a> </li> <li class=""> <a href="/collections/guests" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GUESTS </a> </li> <li class=""> <a href="/pages/real-brides" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> LOVE STORIES </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/events" class="site-nav__link"> EVENTS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/collections/gowns" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> GOWNS </a> </li> <li class=""> <a href="/collections/maxi" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MAXI&#39;S </a> </li> <li class=""> <a href="/collections/party" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTY </a> </li> <li class=""> <a href="/collections/sets" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SETS </a> </li> </ul> </li> <li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/welcome-to-our-world" class="site-nav__link"> OUR WORLD <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </a> <ul class="site-nav__dropdown text-left"> <li class=""> <a href="/pages/portal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> THE PORTAL </a> </li> <li class=""> <a href="/pages/our-story" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> OUR STORY </a> </li> <li class=""> <a href="/pages/seen-on-social" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SEEN ON SOCIAL </a> </li> <li class=""> <a href="/pages/sustainability-ethics" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> SUSTAINABILITY + ETHICS </a> </li> <li class=""> <a href="/pages/partnerships" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> PARTNERSHIPS </a> </li> <li class=""> <a href="/pages/meet-our-makers" class="site-nav__dropdown-link site-nav__dropdown-link--second-level "> MEET OUR MAKERS </a> </li> </ul> </li> </ul> </div> <div class="header-item text-right"> <div class="site-nav"> <div class="site-nav__item small--hide"> <span class="currency-picker__wrapper"> <label for="CurrencyPicker-header" class="visually-hidden">Pick a currency</label> <select class="currency-input" id="CurrencyPicker-header" name="currencies"> <option value="USD" selected="selected">USD</option> <option data-alt-src="" value="GBP">GBP</option> <option data-alt-src="" value="JPY">JPY</option> <option data-alt-src="" value="EUR">EUR</option> </select> <label for="CurrencyPicker-header" class="select-icon"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"> <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path> </svg> </label> </span> </div> <a class="site-nav__link site-nav__link--icon small--hide" href="/account"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg> <span class="icon__fallback-text"> Log in </span> </a> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition "> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition " aria-controls="CartDrawer"> <span class="cart-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg> <span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div> <div id="SiteHeader" class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" class="site-header__search-form" role="search"> <button type="submit" class="text-link site-header__search-btn site-header__search-submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M44 27a17 17 0 1 1-17-17 17 17 0 0 1 17 17zm9.85 26.92L39.23 39.29"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="SEARCH" class="site-header__search-input" aria-label="SEARCH"> </form> <button type="button" class="js-search-header-close text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </header> </div> </div> </div> <main class="main-content" id="MainContent"> <div class="page-content-modules"><div id="shopify-section-template--15061489418295__full_screen_banner_fxh4nL" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: auto; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component-wrapper { position: relative; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper, .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__full_screen_banner_fxh4nL .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__full_screen_banner_fxh4nL .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__full_screen_banner_fxh4nL" class="full-screen-banner banner--template--15061489418295__full_screen_banner_fxh4nL " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal230321_BEC_BRIDGE_W23_Day3_18_4916_835e86e4-ac68-4f6d-8907-ffcb33874004.jpg?v=1707199910&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-center"> <h3 style="color: #ffffff;">THE WEDDING EDIT</h3> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__full_screen_banner_fxh4nL h3 {font-family: forma-djr-banner; font-weight: 900;} </style></div><div id="shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3" class="shopify-section index-section"><div class="featured-sub-category"> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/brides" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners1_f4144bdf-d020-4b26-a47f-8b2128445339.jpg?v=1689055237')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDE</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/bridesmaids" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/mobile-banners3_bb1052e8-ab79-4646-b8f4-95dff947e8d7.jpg?v=1689055268')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP BRIDESMAID</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/guests" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/PORTAL230321_BEC_BRIDGE_W23_Day3_20_5340.jpg?v=1686717492')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">GUESTS</span> </a> </div> <div class="featured-sub-category-item"> <a class="featured-sub-category-item__link" href="https://www.becandbridge.com/collections/the-wedding-edit" > <div class="featured-sub-category-item__image" style="background-image: url('//www.becandbridge.com/cdn/shop/files/ezgif.com-optimize_4.gif?v=1683096276')"> <style> .featured-sub-category-item__image svg { visibility: hidden } </style> <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <span class="featured-sub-category-item__title header" style=" ">SHOP THE COLLECTION</span> </a> </div> </div> <style> #shopify-section-template--15061489418295__5127c42d-eb55-43e0-af44-15e50cc585d3 span {font-family: forma-djr-banner; font-weight: 900; letter-spacing: 1px; font-size: 18px;} </style></div><div id="shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="shopify-section section--full-screen-banner"><style> .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper { color: #ffffff; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 18px; margin: 0 0 0.25rem; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 12px; text-decoration: underline; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: auto; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component-wrapper { position: relative; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper, .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { bottom: 0; position: absolute; top: 0; left: 0; right: 0; } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper .page-width { display: table; height: 100%; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } @media only screen and (min-width: 590px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper h3 { font-size: 30px } .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .component__text-wrapper a { font-size: 16px; } } @media only screen and (min-width: 1140px) { .banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f .banner__image { height: 100vh; object-fit: cover; width: 100%; } } </style> <div data-section-id="template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f" class="full-screen-banner banner--template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f " data-aos="fade"> <div class="component-wrapper "> <img src="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920" alt="" srcset="//www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=352 352w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=832 832w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1200 1200w, //www.becandbridge.com/cdn/shop/files/portal2230321_BEC_BRIDGE_W23_Day3_23_6137_8f1f1d11-ee36-4da2-b6bc-cfdc29b30737.jpg?v=1689055320&amp;width=1920 1920w" width="1920" height="1080" loading="lazy" class="banner__image"> <div class="component__text-wrapper"> <div class="page-width"> <div class="banner_text-content vertical-center horizontal-left"> <h3 style="color: #ffffff;">MODERN BRIDESMAID</h3> <a href="/collections/bridesmaids" style="color: #ffffff;">DISCOVER THE FULL COLLECTION</a> </div> </div> </div> </div> </div> <style> #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f h3 {font-family: forma-djr-banner; font-weight: 900; font-size: 25px;} #shopify-section-template--15061489418295__21179262-f884-4d6a-a32b-bc33a6e3014f a {font-size: 12px;} </style></div><div id="shopify-section-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="shopify-section section--product-carousel"><style> .product-carousel { padding: 2rem 0; } .product-carousel h3 { font-size: 12px; line-height: 14px; margin-bottom: 1.5rem; } .product-carousel .grid__item { padding: 0.25rem; margin-bottom: 1.5rem; } .product-carousel .slick-slide img { height: auto; } .product-carousel .slick-prev, .product-carousel .slick-next { background: transparent; top: auto; bottom: -25px; height: 30px; width: 30px; z-index: 1; } .product-carousel .slick-prev { left: 38%; pointer-events: none; } .product-carousel .slick-prev::before { opacity: 0.25; } .product-carousel .slick-next { right: 38%; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { background-size: 20px; color: transparent; width: 20px; height: 20px; text-shadow: none; background-position: center; background-repeat: no-repeat; } .product-carousel .products-loaded .slick-prev[aria-disabled=false]::before, .product-carousel .slick-next[aria-disabled=false]::before { opacity: 1; } .product-carousel .slick-prev::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-left.png?v=43340859167907695501711329246"); transform: rotate(0); } .product-carousel .slick-next::before { background-image: url("//www.becandbridge.com/cdn/shop/t/493/assets/icon-slider-arrow-right.png?v=89836081801883684981711329246"); } .product-carousel .products-loaded .slick-prev { pointer-events: all; } .product-carousel .products-loaded .slick-prev:not(.slick-disabled)::before { opacity: 1; } @media only screen and (min-width: 590px) { .product-carousel .grid__item { padding: 1rem; margin-bottom: 0.25rem; } .product-carousel .slick-prev, .product-carousel .slick-next { height: 45px; width: 45px; top: 45%; bottom: auto; } .product-carousel .slick-prev::before, .product-carousel .slick-next::before { font-size: 45px; width: 20px; height: 20px; } .product-carousel .slick-prev { left: -3.5rem; } .product-carousel .slick-next { right: -3.5rem; } } </style> <section id="product-carousel--template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4" class="product-carousel"> <div class="page-width"> <div class="product-carousel-container" id="carousel-template--15061489418295__bb8b8db8-2b44-46ec-90ea-cc35fb9a24b4"> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_{width}x.jpg?v=1678663323" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/products/BM-11287_215bec-bridge-moon-dance-v-maxi-bridal-bridesmaids-dark-willow-fern-green_400x.jpg?v=1678663323" alt="Moon Dance V Neck Plunge Bridesmaid Formal Dress in Dark Willow Green by Bec + Bridge"> </noscript> </a> </div> <a href="/products/moondance-v-maxi-dress-dark-willow" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/CONTENT_2270_180x.jpg?v=1709085320 180w 297h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_360x.jpg?v=1709085320 360w 594h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_540x.jpg?v=1709085320 540w 891h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_720x.jpg?v=1709085320 720w 1188h, //www.becandbridge.com/cdn/shop/files/CONTENT_2270_900x.jpg?v=1709085320 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> MOON DANCE V MAXI DRESS </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$280.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6742820421687"></span> <div class="grid-product__tag--metafield"> ETHICALLY MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
| 100 |
Error
On line 6450, column 42 n-colour"> </div> </div> </div> <div class="grid__item"><div class="grid-product__image-mask"> <div class="image-wrap" style="height: 0; padding-bottom: 165.0%;"> <a href="/products/eternity-off-shoulder-maxi-cream" class="grid-product__link "> <img class="grid-product__image lazyload" loading="lazy" data-src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-offshoulder-maxi-dress-cream-8_{width}x.jpg?v=1710912070" width="270" height="445" data-widths="[180, 360, 540, 720, 900, 1080]" data-aspectratio="0.6060606060606061" data-sizes="auto" alt="Eternity Off Shoulder Bridal Bridesmaid Dress in Cream White Ivory by Bec + Bridge"> <noscript> <img class="grid-product__image lazyloaded" loading="lazy" width="270" height="445" src="//www.becandbridge.com/cdn/shop/files/bec-bridge-eternity-offshoulder-maxi-dress-cream-8_400x.jpg?v=1710912070" alt="Eternity Off Shoulder Bridal Bridesmaid Dress in Cream White Ivory by Bec + Bridge"> </noscript> </a> </div> <a href="/products/eternity-off-shoulder-maxi-cream" class="grid-product__link"> <div class="grid-product__secondary-image small--hide lazyload" data-bgset=" //www.becandbridge.com/cdn/shop/files/230321_BEC_BRIDGE_W23_Day3_06_1626_180x.jpg?v=1710912070 180w 297h, //www.becandbridge.com/cdn/shop/files/230321_BEC_BRIDGE_W23_Day3_06_1626_360x.jpg?v=1710912070 360w 594h, //www.becandbridge.com/cdn/shop/files/230321_BEC_BRIDGE_W23_Day3_06_1626_540x.jpg?v=1710912070 540w 891h, //www.becandbridge.com/cdn/shop/files/230321_BEC_BRIDGE_W23_Day3_06_1626_720x.jpg?v=1710912070 720w 1188h, //www.becandbridge.com/cdn/shop/files/230321_BEC_BRIDGE_W23_Day3_06_1626_900x.jpg?v=1710912070 900w 1485h, " data-sizes="auto"> </div> </a> </div> <div class="grid-product__meta"> <div class="grid-product__title"> ETERNITY OFF SHOULDER MAXI </div> <div class="grid-product__price"> <span class="js-price-currency"></span> <span class=money>$380.00</span> </div> <span class="shopify-product-reviews-badge" data-id="6798232453175"></span> <div class="grid-product__tag--metafield"> AUSTRALIAN MADE </div> </div> <div class="variant-wrapper variant-wrapper--swatches js" data-grid-swatch-wrapper> <div class="variant-input-wrap" name="" id="ProductSelect--option-colour"> |
β