);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}.entry-header--single{padding:3em 0;margin-bottom:3em}.entry-header--single .entry-title{text-align:center}#single-wrapper{padding-top:55px}@media (min-width:782px){#single-wrapper{padding-top:70px}}ul:not(:last-child){margin-bottom:.75em}.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}}.case-studies-ul{padding-left:1.25em}@media (max-width:1185px){.single-case-studies .wp-post-image{max-width:425px;width:50vw}}@media (max-width:991.9px){.entry-content p{white-space:wrap;word-wrap:break-word}}@media (max-width:782.9px){#wrapper-navbar+.wrapper{padding-top:60px}.single-case-studies .wp-post-image{margin-top:2.25em;margin-bottom:3em;margin-left:auto;margin-right:auto;display:block;width:100%}.single-case-studies p .btn{margin-left:auto;margin-right:auto;display:block;max-width:300px}}
Northwest Timber Case Study - WebCitz WebCitz started working with this client in 2021
WebCitz started working with NW Timber in 2021, when they approached our web development agency to migrate their website from Magento 2.x to Shopify. The project was initially started with a different web development agency, who didn’t complete the project according to the requirements. After getting to know the company and its goals better, we made the recommendation to choose WooCommerce as the ecommerce platform instead of Shopify. The reasons mainly surrounded the client’s requirement for categorization and product filtering, as well as several other 3rd-party integration requirements. The project has since launched, quite successfully, and we continue to be involved for routine website maintenance and support services.
See All Case Studies