Mobile Responsive Website Archives

Mobile Responsive Website Development and Design for 2021

Jan 11, 2021 | Mobile Responsive Website, Web Development and Design

2021 will mark the 22nd year of Digital Tea developing websites for clients in Edmonton and across North America. During that time, we’ve seen a lot of changes. Including Google becoming the dominant search engine, the emergence of social media and social media...

.has-text-align-justify{text-align:justify;}.infinite-scroll .woocommerce-pagination{display:none;}.woocommerce form .form-row .required{visibility:visible;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-product-image{border:0px none #ddd;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-product-title a{color:#444;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-product-title{text-align:center;font-size:15px;line-height:23px;letter-spacing:0px;text-transform:none;font-family:Open Sans;font-weight:normal;font-style:normal;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-product-title a:hover{color:#555;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-all-captions{color:#333;font-size:14px;line-height:22px;letter-spacing:0px;text-transform:none;text-align:center;font-family:Open Sans;font-weight:normal;font-style:normal;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-product-price del,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-product-price ins,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-product-price span{color:#222;font-size:14px;line-height:26px;letter-spacing:0px;text-transform:none;text-align:center;font-family:Open Sans;font-weight:700;font-style:normal;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .star-rating span::before{color:#f16022;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .star-rating::before{color:rgba(255,255,255,0);}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .woocommerce-product-rating .star-rating{float:left;margin:8px 0;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850 .wpcp-all-captions .wpcp-product-more-content a{color:#e74c3c;font-size:14px;line-height:24px;letter-spacing:0px;text-transform:none;text-align:center;font-family:Open Sans;font-weight:600;font-style:normal;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850 .wpcp-all-captions .wpcp-product-more-content a:hover{color:#e74c3c;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-all-captions .wpcp-cart-button a.button{background:#ebebeb;border-color:#d1d1d1;color:#545454;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-all-captions .wpcp-cart-button a.added_to_cart,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-all-captions .wpcp-cart-button a.added_to_cart:hover,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-all-captions .wpcp-cart-button a.button:hover{background:#3f3f3f;border-color:#d1d1d1;color:#fff;}.sp-wp-carousel-pro-id-4850.mfp-bg{background:#0b0b0b;opacity:.8;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-prev,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-next,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-prev:hover,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-next:hover{background:none;border:none;font-size:30px;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-prev,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-next{color:#aaa;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-prev:hover,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-next:hover{color:#f16022;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-vertical-center{padding:0 30px;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-prev{text-align:left;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-next{text-align:right;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.nav-vertical-center-inner-hover.slick-dotted .slick-next,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-vertical-center-inner-hover.slick-dotted .slick-prev,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-vertical-center-inner.slick-dotted .slick-next,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-vertical-center-inner.slick-dotted .slick-prev,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-vertical-center.slick-dotted .slick-next,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-vertical-center.slick-dotted .slick-prev{margin-top:-48.5px;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 ul.slick-dots{margin:45px 0px 0px 0px;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 ul.slick-dots li button{background-color:#ccc;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 ul.slick-dots li.slick-active button{background-color:#f16022;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850:not(.wpcp-product-carousel) .wpcp-single-item{border:1px solid #ddd;padding:0px 0px 0px 0px;}.wpcp-carousel-wrapper.wpcp-wrapper-4850{position:relative;}#wpcp-preloader-4850{background:#fff;position:absolute;left:0;top:0;height:100%;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;z-index:999;}@media screen and (max-width: 479px){#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-top-left,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-top-center,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-top-right{padding-top:0;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-bottom-left,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-bottom-center,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850.nav-bottom-right{padding-bottom:0;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.nav-vertical-center{padding:0;}}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-list{margin-right:-20px;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-slide{margin-right:20px;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-list{margin-right:-20px;margin-bottom:-20px;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850 .slick-slide .wpcp-single-item{margin-bottom:20px;}@media screen and (min-width: 981px){#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850:not(.wpcp-content-carousel) .wpcp-single-item img{max-height:400px;}}@media screen and (min-width: 737px) and (max-width: 980px){#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850:not(.wpcp-content-carousel) .wpcp-single-item img{max-height:300px;}}@media screen and (min-width: 481px) and (max-width: 736px){#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850:not(.wpcp-content-carousel) .wpcp-single-item img{max-height:200px;}}@media screen and (max-width: 480px){#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.wpcp-carousel-section.sp-wpcp-4850:not(.wpcp-content-carousel) .wpcp-single-item img{max-height:200px;}}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850 .wpcp-slide-image img,#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850.wpcp-product-carousel .wpcp-slide-image a{border-radius:0px;}#wpcpro-wrapper-4850 #sp-wp-carousel-pro-id-4850.sp-wpcp-4850:not(.wpcp-product-carousel):not(.wpcp-content-carousel) .wpcp-single-item{background:#f9f9f9;}

Mobile Responsive Website Development and Design for 2021

Recent Posts