);width:28px;height:32px}@media (min-width:1170px){.navbar-toggler{display:none}}#wrapper-navbar{left:0;padding:12px 0;position:fixed;right:0;top:0;z-index:500;background-color:var(--wp--preset--color--body-bg);box-shadow:0 6px 45px 2px rgb(14 49 91/.129)}@media (min-width:1170px){#wrapper-navbar{padding-top:0!important;padding-bottom:0!important}}@media (max-width:1169.98px){#wrapper-navbar:before{content:"";display:block;position:fixed;width:100%;height:100vh;background-color:#fff0;top:0;bottom:0;left:0;transform:translateX(-100%)}}#wrapper-navbar+.wrapper{padding-top:70px}#main-header .navbar-brand svg{width:180px}#main-header .fillLogo{fill:#297eda}#main-header .fillBody{fill:#252525}@media (max-width:1169.98px){#main-header.container{max-width:unset}}@media (min-width:1170px){#main-header .navbar{position:unset;display:flex;justify-content:center}#main-header .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;left:50%;transform:translateX(-50%);box-shadow:0 4px 10px -3px rgb(0 0 0/.15);min-width:1200px;padding-top:1.5em}#main-header .dropdown-menu .widget-title{display:flex;justify-content:space-between;line-height:2.5em}}@media (max-width:1530px) and (min-width:1169.98px){#main-header{max-width:1400px}}@media (max-width:1310px) and (min-width:1169.98px){.col-actions .btn{padding-left:12px;padding-right:12px;font-size:.95rem}#main-nav .nav-link{letter-spacing:-.2px;font-size:.95rem;padding-right:.25em;padding-left:.25em}}.col-actions{display:flex;justify-content:flex-end;align-items:center}.col-actions a{margin-right:8px}.col-actions .btn{display:flex}@media (max-width:599.98px){.col-actions .btn{width:auto}}@media (min-width:992px){.col-actions .btn{padding-left:20px;padding-right:20px}}@media (max-width:374.98px){.col-actions .btn-green{margin-right:auto!important}}.col-actions .btn-icon-svg{margin-right:0;vertical-align:-2px}@media (min-width:992px){.col-actions .btn-icon-svg{margin-right:4px;vertical-align:0}}.col-actions .btn-content{display:block}@media (max-width:374.98px){.col-actions .btn-content{font-size:.7rem;margin-left:8px;line-height:1;padding-top:2px;font-weight:700}}@media (min-width:375px){.col-actions .btn-content{display:none}}@media (min-width:782px){.col-actions .btn-content{display:block;white-space:nowrap;padding-left:8px}}@media (max-width:1169.98px){.col-nav{width:0;flex:0;padding:0}}@media (min-width:1170px){.col-logo{padding-top:12px}}.dropdown-menu .h3{color:var(--bs-primary);display:flex;font-size:.875rem;font-weight:600;letter-spacing:2px;margin-bottom:.625rem;text-transform:uppercase;white-space:nowrap}.dropdown-menu .widget-title{border-bottom:1px solid rgb(0 0 0/.15)}@media (min-width:1170px){.dropdown-menu .row--mega-menu{--grid-layout-gap:4em;--grid-column-count:4;--grid-item--min-width:100px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width:calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));grid-gap:var(--grid-layout-gap);text-align:left}}@media (min-width:1500px){.dropdown-menu .row--mega-menu{--grid-layout-gap:6em}}.dropdown-menu ul a{color:#252525;display:block;font-size:.9rem;font-weight:400;opacity:.7;padding:.25rem 0;white-space:nowrap}.dropdown-menu .menu{padding-left:0}@media (max-width:374.98px){.navbar-brand{display:block;text-align:center;padding-top:0}}#main-nav{align-content:flex-start}#main-nav .navbar-brand--mobile,#main-nav .navbar-mobile--close{display:none}#main-nav .nav-link{letter-spacing:0;line-height:1;font-size:1.05rem;padding-top:calc(.75rem + 14px);padding-bottom:calc(.75rem + 14px)}@media (max-width:1169.98px){#main-nav{border-left:4px solid #297eda;box-shadow:0 0 0 0#000;height:100vh;left:0;max-width:calc(100% - 30px);overflow:hidden;position:fixed;top:0;width:400px;z-index:999999;background:#f8fbfe}#main-nav:not(.show),#main-nav:not(.show-nav){box-shadow:0 0 0 0#fff0;opacity:0;transform:translateX(-100%)}#main-nav .nav-link{padding-left:20px;padding-right:20px;padding-top:.75rem;padding-bottom:.75rem;font-size:20px;display:flex;align-items:center;justify-content:space-between}#main-nav .navbar-inner{height:100%!important;flex-basis:100%;flex-grow:1}#main-nav .navbar-brand--mobile{display:block;margin-left:20px;margin-right:auto}#main-nav .navbar-mobile--close{display:block;padding-left:20px;font-size:20px;color:#252525;line-height:46px}#main-nav .navbar-toggler--mobile{margin-right:10px;font-size:20px;width:36px;height:36px}#main-nav .dropdown-toggle:after{border-top:.375rem solid #fff0;border-right:0;border-bottom:.375rem solid #fff0;border-left:.375rem solid}#main-nav .navbar-nav .dropdown-menu{position:absolute;top:0;left:100%;width:100%;padding:0;height:100%;transform:translateX(0);border-radius:0;display:block;padding-top:8px}#main-nav .dropdown-menu .h3{font-size:20px;padding:8px 20px;color:#252525;text-transform:capitalize;font-weight:500;display:flex;align-items:center;justify-content:space-between}#main-nav .dropdown-menu .h3:after{border-top:.375rem solid #fff0;border-right:0;border-bottom:.375rem solid #fff0;border-left:.375rem solid;display:inline-block;margin-left:.3rem;vertical-align:.235em;content:""}#main-nav .dropdown-menu ul.menu{position:absolute;top:0;left:100%;width:100%;transform:translateX(0);background-color:#f8fbfe;background-clip:padding-box;border:0 solid rgb(255 255 255/.3);height:100%;padding-top:8px}#main-nav .dropdown-menu ul a{font-size:20px;padding:8px 20px}}@media (max-width:599.98px){#main-nav{max-width:calc(100% - 15vw)}}@media screen and (max-width:450px){#main-nav .nav-link,#main-nav .dropdown-menu .h3,#main-nav .dropdown-menu ul a{font-size:4.25vw;line-height:5.5vw}}.form-wrapper input{margin-bottom:0}@media screen and (max-width:991px){.form-wrapper input{margin-bottom:20px}}.entry-header{background:#0c1a34;color:#fff;overflow:hidden;padding:30px 0;position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw}@media (min-width:782px){.entry-header{padding:3.5em 15px 4em}}.entry-header:before{background:#132541;bottom:0;-webkit-clip-path:polygon(0 0,100%0,100% 100%,79% 100%);clip-path:polygon(0 0,100%0,100% 100%,79% 100%);content:"";display:block;position:absolute;right:0;top:0;width:60%}@media (min-width:782px){.entry-header{padding-top:3.5em;padding-bottom:4em}}@media (min-width:992px){.entry-header{padding-top:4em;padding-bottom:4.5em}}@media (min-width:1170px){.entry-header{padding-right:0;padding-left:0}}.entry-title{color:#fff;display:inline-block;margin-bottom:10px;position:relative;max-width:1500px;margin-left:auto;margin-right:auto;display:block;padding-left:1em;padding-right:1em;font-weight:900}section{padding:40px 0}@media (min-width:992px){section{padding:80px 0}}.wrapper{padding-top:0;padding-bottom:0}@media (max-width:1169.98px){.container{max-width:unset}}@media screen and (min-width:1530px){.container{max-width:1500px}}#breadcrumbs{margin-bottom:1em;max-width:1500px;margin-left:auto;margin-right:auto;display:block;padding-left:1em;padding-right:1em}#breadcrumbs a{color:#fff}#breadcrumbs .breadcrumb_last{color:#60d0ff;font-weight:500}.site-image-text--label{background:#c0daf7;color:#12436e;border-radius:30px;font-weight:700;font-size:.75em;margin-bottom:1.325em;padding:.4em .9em .25em;text-transform:uppercase;width:fit-content}.site-video-text{overflow:hidden;padding:1.875em 0}@media (min-width:782px){.site-video-text{padding:2.25em 2em}}@media (min-width:992px){.site-video-text{padding:4.5em 0 1em}}.site-video-text--inner-container{width:calc(100% - 4em);width:100%;margin-right:auto;margin-left:auto;box-sizing:border-box;direction:ltr;grid-gap:2em}@media (min-width:992px){.site-video-text--inner-container{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto;align-items:center!important}}@media (min-width:1170px){.site-video-text--inner-container{padding-left:2em;padding-right:2em}}@media (min-width:1530px){.site-video-text--inner-container{max-width:1500px}}.site-video-text--inner-container.site-video-text--top{align-items:flex-start}.site-video-text .video-test--col__video{padding-top:1.5em;padding-bottom:3.5em}@media (min-width:782px){.site-video-text .video-test--col__video{padding-top:3em;padding-bottom:5em}}@media (min-width:992px){.site-video-text .video-test--col__video{padding-top:0;padding-bottom:0;padding-left:2em}}@media (min-width:1170px){.site-video-text .video-test--col__video{padding-left:0}}.site-video-text .video-test--col__content h2{line-height:1.125}.site-video-text .video-outer{position:relative}.site-video-text .video-outer:before{background:#155dc5;content:"";height:100%;position:absolute;transform:rotate(4deg);transform-origin:center;width:100%;z-index:0}.site-video-text .video-outer .video{background:#000;border:11px solid #fff;border-radius:10px;box-shadow:0 10px 45px rgb(14 49 91/.129);line-height:0;position:relative;z-index:1}.site-video-text .video-outer .video img{opacity:.85}.site-video-text .video-outer.w-play-btn:after{color:#fff;content:"";font-family:"Font Awesome 6 Free";font-size:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.single-services .site-video-text{padding:1.875em 1em}@media (min-width:782px){.single-services .site-video-text{padding:2.25em 2em}}@media (min-width:992px){.single-services .site-video-text{padding:4.5em 0 1em}}.entry-title--services{color:#fff;margin-bottom:.5em;position:relative;display:block;padding-left:0;padding-right:0;font-weight:900;line-height:1.1}.entry-header--services .container{position:relative;max-width:1400px}.entry-header--services .row{align-items:center}.entry-header--services #breadcrumbs{padding-left:0}.entry-header--services .form-inner{align-items:center;display:flex;gap:.875rem}.entry-header--services .form-inner>.form-group{max-width:400px;width:100%}.entry-header--services .form-inner .form-control{border-radius:.3rem}.entry-header--services p{font-size:1.125rem;line-height:1.7}h1.entry-title--services{font-size:2rem;font-weight:500}.heading-contact-wrapper{margin-top:1.5em}.heading-company-highlight{align-items:center;background-color:rgb(255 255 255/.08);display:flex;padding:.4rem 1.2rem .45rem;min-width:22vw}.heading-company-highlight:not(:last-of-type){margin-bottom:1.25rem}@media screen and (max-width:991px){.heading-company-highlight{justify-content:start}}@media screen and (max-width:991px){.heading-company-highlights{margin-top:40px}}.heading-company-highlight-content{margin-left:1.15rem;padding-top:.3em;padding-bottom:.4em}.heading-company-highlight-title{font-size:2.75rem;font-weight:900;line-height:1.15}@media screen and (max-width:575px){.heading-company-highlight-title{font-size:20px}}.heading-company-highlight-subtitle{font-weight:500;line-height:1em;padding-right:.5em}.heading-company-highlight img{height:75px;-o-object-fit:cover;object-fit:cover;width:75px!important}@media (min-width:2400px){.heading-company-highlight{min-width:unset;width:533px}}@media (max-width:1185px) and (min-width:992px){.entry-header--services .form-inner{flex-direction:column;align-items:flex-start}}@media (max-width:1033.9px) and (min-width:992px){.heading-company-highlight{min-width:unset;width:100%;max-width:365px}}@media (max-width:991.9px){.entry-header--services .col{flex:0 0 auto;width:100%}.heading-company-highlight{max-width:400px;width:100%;min-width:unset;margin-left:auto;margin-right:auto}}@media (max-width:782.9px){#wrapper-navbar+.wrapper{padding-top:60px}}@media (max-width:718.9px){.entry-title--services,.entry-header--services #breadcrumbs,.entry-header--services p,.entry-header--services .form-inner{text-align:center}.entry-header--services .form-inner{flex-direction:column}h1.entry-title--services{font-size:1.5rem;margin-bottom:.3em}#breadcrumbs{font-size:13px}.site-video-text--inner-container{width:calc(100% - 2em)}.single-services .site-video-text--inner-container{width:100%}}
Examples of Past Work
Check out the ecommerce websites of these amazing companies who have partnered with our ecommerce development company to improve their online presence.
WebCitz has more than 20 years of ecommerce web design experience in WooCommerce and Shopify.
In this time, our ecommerce development team has developed hundreds of successful ecommerce websites for clients across the United States and Canada.
Please take a look at some of the ecommerce web design examples in our portfolio below, or visit our web design portfolio for examples of non-ecommerce websites.
At WebCitz, our extensive experience in ecommerce web design covers a wide range of business industries, enabling us to craft customized online stores that cater to specific industry needs. We've collaborated with various businesses to launch powerful ecommerce solutions. For inspiration for your next ecommerce website, explore our favorite online stores by clicking here.
Our expertise in web design and development spans across the entire United States. We've collaborated with businesses from coast to coast, creating customized websites that boost their online presence. Explore where our clients are based and witness the difference we've made nationwide by clicking here.
Our expertise in web design and development spans across Canada. We've partnered with businesses from coast to coast, creating customized websites that enhance their online presence. Explore where our clients are based and witness the difference we've made nationwide by clicking here.