);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}}
Restaurant Cooler Gaskets Case Study - WebCitz WebCitz started working with this client in 2018
WebCitz started working with Restaurant Cooler Gaskets in 2019, when they approached our ecommerce development agency to help manage their Magento 2.x storefronts. For several years, we’ve been the main point of contact for all of their ongoing website development services. This includes migrating their Magento 2.x ecommerce websites to the latest versions, upgrading the themes, and resolving several usability issues. To date, we continue to help with their ongoing website support needs.
See All Case Studies