PageSourceSearch

https://www.sunsetter.com/cm/sunsetter-blog/

html sunsetter.com collected 2026-09-28 05:59:37 UTC 108,128 bytes, 1,374 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="en" prefix="og: http://ogp.me/ns#">
6<head>
7    
8<script>
9            var getParameterByName = function (name) {
10                name = name.replace(/[\[\]]/g, '\\$&');
11                var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
12                var results = regex.exec(window.location.href);
13                if (!results) return '';
14                if (!results[2]) return '';
15                return decodeURIComponent(results[2].replace(/\+/g, ' '));
16            };
17            var _dataLayer = {};
18            var storageKey = '_datalayer';
19            // Check if session storage data layer already exists
20            if (!window.sessionStorage.getItem(storageKey)) {
21                // Check url for utm params
22                _dataLayer = {
23                    userID: 'f3dmwu0vefexf1njizvv5ecx',
24                    utmCampaign: getParameterByName('utm_campaign'),
25                    utmContent: getParameterByName('utm_content'),
26                    utmMedium: getParameterByName('utm_medium'),
27                    utmSource: getParameterByName('utm_source'),
28                    utmTerm: getParameterByName('utm_term'),
29                };
30                // Write to session storage
31                window.sessionStorage.setItem(storageKey, JSON.stringify(_dataLayer));
32            } else {
33                // Parse data and write to page
34                _dataLayer = JSON.parse(window.sessionStorage.getItem(storageKey));
35            }
36            dataLayer = [{
37                userID: _dataLayer.userID,
38                utmCampaign: _dataLayer.utmCampaign,
39                utmContent: _dataLayer.utmContent,
40                utmMedium: _dataLayer.utmMedium,
41                utmSource: _dataLayer.utmSource,
42                utmTerm: _dataLayer.utmTerm,
43                epiVersion: 'Production',
44            }];
45</script>
45
46    <meta charset="utf-8" />
47    <meta name="viewport" content="width=device-width, initial-scale=1" />
48    <title>Blog | SunSetter</title>
49    <meta name="description" content="Learn more about SunSetter products from our blog. We offer everything you need to know from what is an awning to how to choose awning fabric and more!" />
50    <meta name="keywords" content="blog, Awning Blog, SunSetter Blog" />
51    <meta property="og:type" content="website" />
52    <meta property="og:site_name" content="SunSetter" />
53    <meta property="og:title" content="Blog | SunSetter" />
54    <meta property="og:description" content="Learn more about SunSetter products from our blog. We offer everything you need to know from what is an awning to how to choose awning fabric and more!" />
55    <meta property="og:url" content="https://www.sunsetter.com/cm/sunsetter-blog/" />
56    <meta property="og:image" content="https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/1200x628px/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&amp;crop=yes&amp;q=90" />
57    <meta name="twitter:card" content="summary_large_image" />
58    <meta name="twitter:site" content="SunSetter" />
59    <meta name="twitter:image:alt" />
60    
61
62    <meta name="google-site-verification" content="uYMy76xH_ZqdeqV62KH3v8iJAAK3nrM5Q1vcV4ww_gc" />
63
64    <link link rel="canonical" href="https://www.sunsetter.com/cm/sunsetter-blog/" />
65
66    <link rel="preconnect" href="https://fonts.googleapis.com">
67    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
68    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" />
69    <link rel="stylesheet" type="text/css" href="/assets/dist/css/vendors/bootstrap-grid.min.css?cache=04302026" />
70    <link rel="stylesheet" type="text/css" href="/assets/dist/css/sunsetter.min.css?cache=04302026" />
71    <link rel="stylesheet" type="text/css" href="/assets/src/css/site.css?cache=04302026" />
72    <link href="/assets/src/css/cssite.css?cache=04302026" rel="stylesheet" type="text/css" />
73    
74    <style>
75        .maincontent .container {
76            max-width: 1366px !important;
77        }
78    </style>
79
80        
80<script src="https://cdn.optimizely.com/js/23982742137.js"></script>
80
81        
81<script>
82            const OptimizelyStyleManager = {
83                set: (o, p, t, i, m) => {
84                    if (typeof optimizely === 'undefined') return;
85                    const u = new URLSearchParams(window.location.search), x = u.get('experiment-id'), v = u.get('variation-id'),
86                        s = optimizely.get('state'), a = s.getActiveExperimentIds(), c = s.getVariationMap(); let f = false;
87                    a.forEach(e => {
88                        const r = c[o]; if (!r) return; const d = (x == o && v !== null) ? v : r.id; if (e == o && d == p) {
89                            f = true;
90                            const l = document.createElement('style'); l.type = 'text/css'; l.id = `oeid-${o}-${p}-${i}`;
91                            l.textContent = `.oeid-${o}-${p}-${i}{display:${t};}`; document.head.appendChild(l);
92                        }
93                    });
94                    const q = !!document.querySelector('style[id^="oeid-"]');
95                    if (!f && m && !q) {
96                        const l = document.createElement('style'); l.type = 'text/css'; l.id = `oeid-${o}-${p}-${i}`;
97                        l.textContent = `.oeid-${o}-${p}-${i}{display:${t};}`; document.head.appendChild(l);
98                    }
99                }
100            };
101        </script>
101
102    
102<script>
103        document.addEventListener('DOMContentLoaded', function () {
104            localStorage.removeItem("MetaDescription");
105            localStorage.removeItem("MetaTitle");
106        });
107    </script>
107
108    
108<script>
vendor: 428 bytes, lines 108-114
108
109        (function (i,s,o,g,r,a,m) {
110        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }
111        , i[r].l = 1 * new Date(); a = s.createElement(o),
112        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
113        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
114        ga('create', '
114UA-29271223-8
vendor: 21 bytes, lines 114-115
114', 'auto');
115        
115ga('set', 'dimension5', 'B');
116        ga('send', 'pageview');
117    </script>
117
118    
118<script>
vendor: 377 bytes, lines 118-123
118
119        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
120        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
121        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
122        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
123        })(window, document, 'script', 'dataLayer', '
123GTM-5WDD2KR
vendor: 9 bytes, lines 123-124
123');
124    
124</script>
124
125    
126</head>
127<body class="app sunsetter page-site-settings">
128    <style>
129        body {
130            background: white !important;
131        }
132
133        .more-details-btn {
134            border: 1px solid #0071b3;
135            font-size: 1.4rem;
136            font-family: "Inter", sans-serif;
137            font-style: normal;
138            font-weight: 700;
139            line-height: 1.25;
140            color: #0071b3;
141            border-radius: .4rem;
142            text-decoration: none;
143            padding: 1.1rem 2rem;
144        }
145
146        button:focus-visible {
147            outline: -webkit-focus-ring-color auto 5px;
148            outline-offset: 4px;
149        }
150
151        .visually-hidden {
152            clip-path: inset(50%);
153            height: 1px;
154            overflow: hidden;
155            position: absolute;
156            white-space: nowrap;
157            width: 1px;
158        }
159    </style>
vendor: 85 bytes, lines 159-162
159
160
161    <noscript>
162        <iframe src="https://www.googletagmanager.com/ns.html?id=
162GTM-5WDD2KR
vendor: 94 bytes, lines 162-164
162" height="0" width="0" style="display:none;visibility:hidden"></iframe>
163    </noscript>
164    
164<a  class="skip-to-main-content" id="skip2mainlnk" href="#content">Skip to main content</a>
165
166        <div id="site-wrapper" class="site-wrapper container-lg sticky-body" >
167
168<header class="header">
169    
169<script>
170        document.addEventListener("DOMContentLoaded", function () {
171            var menubar = document.querySelector('[role="menubar"]');
172            var menuItems = document.querySelectorAll('[role="menuitem"]');
173
174            // Retrieve the active descendant from local storage
175            var activeDescendantId = localStorage.getItem("activeDescendantId");
176
177            if (activeDescendantId) {
178                var activeElement = document.getElementById(activeDescendantId);
179                if (activeElement) {
180                    menubar.setAttribute("aria-activedescendant", activeDescendantId);
181                    activeElement.setAttribute("tabindex", "0");
182                    activeElement.focus();
183                }
184            } else {
185                // Set default active descendant
186                menuItems[0].setAttribute("tabindex", "-1");
187                menubar.setAttribute("aria-activedescendant", menuItems[0].id);
188            }
189
190            menuItems.forEach(function (menuItem) {
191                menuItem.addEventListener("click", function () {
192                    // Update aria-activedescendant and tabindex
193                    menuItems.forEach(function (item) {
194                        item.setAttribute("tabindex", "-1");
195                    });
196                    this.setAttribute("tabindex", "0");
197                    menubar.setAttribute("aria-activedescendant", this.id);
198
199                    // Store active descendant ID in local storage
200                    localStorage.setItem("activeDescendantId", this.id);
201                });
202            });
203
204            menubar.addEventListener("keydown", function (event) {
205                var currentIndex = Array.from(menuItems).findIndex(item => item.id === menubar.getAttribute("aria-activedescendant"));
206
207                if (event.key === "ArrowDown" || event.key === "ArrowRight") {
208                    event.preventDefault();
209                    var nextIndex = currentIndex === menuItems.length - 1 ? 0 : currentIndex + 1;
210                    menuItems[nextIndex].focus();
211                    menubar.setAttribute("aria-activedescendant", menuItems[nextIndex].id);
212                    menuItems[nextIndex].setAttribute("tabindex", "0");
213                    menuItems[currentIndex].setAttribute("tabindex", "-1");
214                    localStorage.setItem("activeDescendantId", menuItems[nextIndex].id);
215                } else if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
216                    event.preventDefault();
217                    var prevIndex = currentIndex === 0 ? menuItems.length - 1 : currentIndex - 1;
218                    menuItems[prevIndex].focus();
219                    menubar.setAttribute("aria-activedescendant", menuItems[prevIndex].id);
220                    menuItems[prevIndex].setAttribute("tabindex", "0");
221                    menuItems[currentIndex].setAttribute("tabindex", "-1");
222                    localStorage.setItem("activeDescendantId", menuItems[prevIndex].id);
223                }
224            });
225        });
226    </script>
226
227    
228    <div class="header-wrapper">
229        <div class="header-top-section-optimized">
230            <div class="header-main-section">
231                <div class="logo-wrap">
232                        <a class="logo-sunsetter" href="/">
233                            <img alt="Go to the SunSetter home page" src="/globalassets/assets/images/ui/logo-sunsetter.svg" />
234                        </a>
235                </div>
236                <div class="mobile-nav-wrap">
237                    <ul class="list-unstyled nav-list icon-nav-list">
238                                        <li class="icon-item icon-item-order-today sst-phone-number">
239                                            <a class="icon-nav-item icon-nav-order-today" href="tel: 1-800-876-2340">
240                                                <span>Order Today</span>
241                                            </a>
242                                        </li>
243                                        <li class="icon-item icon-item-customer-service">
244                                            <a class="icon-nav-item icon-nav-customer-service" href="/cs/homepage/">
245                                                <span>Customer Service</span>
246                                            </a>
247                                        </li>
248                                        <li class="icon-item icon-item-cart subnav">
249                                            <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item icon-nav-cart">
250                                                <span>Cart</span>
251                                            </button>
252                                            <div class="sr-only cart-status-message" role="status"></div>
253                                            <div class="dd-nav-wrap dd-cart">
254                                                <div class="nav-block dd-nav">
255                                                    <div class="cart-content-wrap">
256
257
258
259
260<div class="heading-sm pb-4">
261    <a href="/co/cart/">Cart</a>
262</div>
263<div class="mini-cart-details">
264        <div class="body-md empty-cart-message mt-3">Your cart is empty.</div>
265
266                                                    </div>
267                                                </div>
268                                            </div>
269                                        </li>
270                        <li class="icon-item icon-item-mobile-menu subnav">
271                            
272<div class="nav-wrapper-mobile">
273    <div class="mobile-menu icon-menu">
274        <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item icon-nav-menuwithsearch"><span>Nav Menu and Search</span></button>
275        <div class="mobile-flyout">
276            <div class="mobile-flyout-bg"></div>
277            <div class="mobile-flyout-innerdiv clearfix" role="dialog" aria-modal="true">
278                <button id="firstfocuselement" class="close-menu-btn" aria-label="Close mobile nav menu">
279                    <span class="close-icon"></span>
280                </button>
281                <ul role="menubar" class="topnav" aria-orientation="vertical" aria-activedescendant="">
282                    <li class="primary-item primary-item-search" role="menuitem">
283                        <form class="search-form" method="get" action="/search/" role="search">
284                            <fieldset class="form-section form-section-no-border">
285                                <legend class="sr-only">Site Search</legend>
286                                <div class="form-group d-flex align-items-center">
287                                    <input id="q1" class="form-control" name="q" required="required" type="search" validate="text" placeholder="Enter Search Text" role="search" aria-label="Sitewide" aria-autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" title="Search" value="" />
288                                    <label for="q1" class="sr-only">Enter Search Text</label>
289                                    <button class="search-button" type="submit"><span class="sr-only">Search</span></button>
290                                </div>
291                            </fieldset>
292                        </form>
293                    </li>
294                                    <li class="primary-item primary-item-" role="menuitem">
295                                        <ul class="button-nav-list">
296<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a></li>
297<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/find-a-dealer/">Find a Dealer</a></li>
298<li class="button-nav"><a class="button-light-yellow-sm" href="https://ownerscorner.sunsetter.com/login.asp">Order Status</a></li>
299</ul>
300                                    </li>
301                                    <li class="primary-item primary-item-awnings subnav" role="menuitem">
302                                        <div class="nav-item-actions">
303                                            <a href="/c/awnings/">Awnings</a>
304                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Awnings menu"></button>
305                                        </div>
306                                            <div class="nav-dropdown">
307                                                <ul role="menu">
308                                                            <li class="nav-secondary" role="menuitem">
309                                                                <a href="/c/awnings/">All Awnings</a>
310                                                            </li>
311                                                            <li class="nav-secondary" role="menuitem">
312                                                                <a href="/c/awnings/sunsetter-series-awnings/">SunSetter Series Awnings</a>
313                                                            </li>
314                                                            <li class="nav-secondary" role="menuitem">
315                                                                <a href="/c/awnings/platinum-series-awnings/">Platinum Series Awnings</a>
316                                                            </li>
317                                                            <li class="nav-secondary" role="menuitem">
318                                                                <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP">See It On Your Home</a>
319                                                            </li>
320                                                            <li class="nav-secondary" role="menuitem">
321                                                                <a href="/cm/free-awning-swatches/">Free Swatches</a>
322                                                            </li>
323                                                            <li class="nav-secondary" role="menuitem">
324                                                                <a href="/cm/free-awning-info-kit/">Free Info Kit &amp; Savings</a>
325                                                            </li>
326                                                            <li class="nav-secondary" role="menuitem">
327                                                                <a href="/cm/customer-information/">Get Pricing</a>
328                                                            </li>
329                                                </ul>
330                                            </div>
331                                    </li>
332                                    <li class="primary-item primary-item-fabrics-colors desktop-only" role="menuitem" id="Fabrics & Colors" tabindex="-1">
333                                        <a aria-label="Fabrics & Colors" href="/cm/fabrics-and-colors/">Fabrics & Colors</a>
334                                    </li>
335                                    <li class="primary-item primary-item-accessories desktop-only" role="menuitem" id="Accessories" tabindex="-1">
336                                        <a aria-label="Accessories" href="/cm/awning-accessories/">Accessories</a>
337                                    </li>
338                                    <li class="primary-item primary-item-retractable-screens desktop-only subnav" role="menuitem">
339                                        <div class="nav-item-actions">
340                                            <a href="/c/retractable-screens/">Retractable Screens</a>
341                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Retractable Screens menu"></button>
342                                        </div>
343                                            <div class="nav-dropdown">
344                                                <ul role="menu">
345                                                            <li class="nav-secondary" role="menuitem">
346                                                                <a href="/c/retractable-screens/">All Retractable Screens</a>
347                                                            </li>
348                                                            <li class="nav-secondary" role="menuitem">
349                                                                <a href="/c/easyscreens/">EasyScreens</a>
350                                                            </li>
351                                                            <li class="nav-secondary" role="menuitem">
352                                                                <a href="/c/easyshades/">EasyShades</a>
353                                                            </li>
354                                                            <li class="nav-secondary" role="menuitem">
355                                                                <a href="/cm/retractable-screens/fabrics-and-colors/">Fabrics &amp; Colors</a>
356                                                            </li>
357                                                            <li class="nav-secondary" role="menuitem">
358                                                                <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades &amp; Screens</a>
359                                                            </li>
360                                                            <li class="nav-secondary" role="menuitem">
361                                                                <a href="/cm/retractable-screens/how-to-measure-easyscreens/">How To Measure for EasyScreens</a>
362                                                            </li>
363                                                            <li class="nav-secondary" role="menuitem">
364                                                                <a href="/cm/retractable-screens/how-to-measure-easyshades/">
364How To Measure for EasyShades</a>
365                                                            </li>
366                                                            <li class="nav-secondary" role="menuitem">
367                                                                <a href="/cm/retractable-screens/faq/">FAQ</a>
368                                                            </li>
369                                                            <li class="nav-secondary" role="menuitem">
370                                                                <a href="/cm/retractable-screens/get-estimate/">Get Estimate</a>
371                                                            </li>
372                                                            <li class="nav-secondary" role="menuitem">
373                                                                <a href="/cm/find-a-dealer/">Find A Dealer</a>
374                                                            </li>
375                                                            <li class="nav-secondary" role="menuitem">
376                                                                <a href="/cm/retractable-screens/download-brochure/">Download EasyScreen Brochure</a>
377                                                            </li>
378                                                </ul>
379                                            </div>
380                                    </li>
381                                    <li class="primary-item primary-item-outdoor-products desktop-only subnav" role="menuitem">
382                                        <div class="nav-item-actions">
383                                            <a href="/c/outdoor-products/">Outdoor Products</a>
384                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Outdoor Products menu"></button>
385                                        </div>
386                                            <div class="nav-dropdown">
387                                                <ul role="menu">
388                                                            <li class="nav-secondary" role="menuitem">
389                                                                <a href="/c/outdoor-products/">All Outdoor Products</a>
390                                                            </li>
391                                                            <li class="nav-secondary" role="menuitem">
392                                                                <a href="/c/outdoor-products/char-broil-gas-grill/">Char-Broil 2-Burner Gas Grill</a>
393                                                            </li>
394                                                            <li class="nav-secondary" role="menuitem">
395                                                                <a href="/c/outdoor-products/sunsetter-mats/">SunSetter Mats</a>
396                                                            </li>
397                                                            <li class="nav-secondary" role="menuitem">
398                                                                <a href="/c/outdoor-products/patio-lights/">Patio Lights</a>
399                                                            </li>
400                                                </ul>
401                                            </div>
402                                    </li>
403                                    <li class="primary-item primary-item-learn-more desktop-only subnav" role="menuitem">
404                                        <div class="nav-item-actions">
405                                            <a href="/cm/why-own-a-sunsetter/">Learn More</a>
406                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Learn More menu"></button>
407                                        </div>
408                                            <div class="nav-dropdown">
409                                                <ul role="menu">
410                                                            <li class="nav-secondary" role="menuitem">
411                                                                <a href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a>
412                                                            </li>
413                                                            <li class="nav-secondary" role="menuitem">
414                                                                <a href="/cm/sunsetter-quality/">SunSetter Quality</a>
415                                                            </li>
416                                                            <li class="nav-secondary" role="menuitem">
417                                                                <a href="/cm/sunsetter-blog/">Our Blog</a>
418                                                            </li>
419                                                            <li class="nav-secondary" role="menuitem">
420                                                                <a href="/cm/energy-savings/">Energy Savings</a>
421                                                            </li>
422                                                            <li class="nav-secondary" role="menuitem">
423                                                                <a href="/cm/video-gallery/">Video Gallery</a>
424                                                            </li>
425                                                            <li class="nav-secondary" role="menuitem">
426                                                                <a href="/cm/owner-reviews/">Awning Owner Reviews</a>
427                                                            </li>
428                                                            <li class="nav-secondary" role="menuitem">
429                                                                <a href="/cm/how-to-measure/">How To Measure</a>
430                                                            </li>
431                                                            <li class="nav-secondary" role="menuitem">
432                                                                <a href="/cm/payment-plans/">Payment Plans</a>
433                                                            </li>
434                                                            <li class="nav-secondary" role="menuitem">
435                                                                <a href="/cm/faqs/">FAQ</a>
436                                                            </li>
437                                                            <li class="nav-secondary" role="menuitem">
438                                                                <a href="/cm/contact-us/">Contact Us</a>
439                                                            </li>
440                                                            <li class="nav-secondary" role="menuitem">
441                                                                <a href="/cm/perfectlook-awning-visualizer/">See It On Your Home</a>
442                                                            </li>
443                                                            <li class="nav-secondary" role="menuitem">
444                                                                <a href="/cm/find-a-dealer/">Find a Dealer</a>
445                                                            </li>
446                                                            <li class="nav-secondary" role="menuitem">
447                                                                <a href="/cm/free-awning-swatches/">Free Swatches</a>
448                                                            </li>
449                                                            <li class="nav-secondary" role="menuitem">
450                                                                <a href="/cm/free-awning-info-kit/">Free Info Kit &amp; Savings</a>
451                                                            </li>
452                                                            <li class="nav-secondary" role="menuitem">
453                                                                <a href="/cm/become-a-dealer/">Become a Dealer</a>
454                                                            </li>
455                                                </ul>
456                                            </div>
457                                    </li>
458                </ul>
459            </div>
460        </div>
461    </div>
462</div>
463
464                        </li>
465                    </ul>
466                </div>
467            </div>
468        </div>
469
470        <div class="header-top-section">
471            <div class="nav-eyebrow-wrapper">
472                <div class="lg-container">
473                    
474
475
476<ul class="list-unstyled nav-list icon-nav-list" role="menubar">
477                <li class="icon-item icon-item-order-today mobile-only sst-phone-number" role="menuitem">
478                    <a class="icon-nav-item" href="tel:1-800-876-2340"><span>Order Today</span></a>
479                </li>
480                <li class="icon-item icon-item-customer-service desktop-only" role="menuitem">
481                    <a class="icon-nav-item" href="/cs/homepage/"><span>Customer Service</span></a>
482                </li>
483                <li class="icon-item icon-item-cart subnav" role="menuitem">
484                    <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item"><span>
484Cart</span></button>
485                    <div class="sr-only cart-status-message" role="status"></div>
486                    <div class="dd-nav-wrap dd-cart">
487                        <div class="nav-block dd-nav">
488                            <div class="cart-content-wrap">
489
490
491
492
493<div class="heading-sm pb-4">
494    <a href="/co/cart/">Cart</a>
495</div>
496<div class="mini-cart-details">
497        <div class="body-md empty-cart-message mt-3">Your cart is empty.</div>
498
499                            </div>
500                        </div>
501                    </div>
502                </li>
503                <li class="icon-item icon-item-search subnav" role="menuitem">
504                    <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item"><span>Search</span></button>
505                    <div class="dd-nav-wrap dd-search">
506    <div class="nav-block dd-nav">
507        <div class="search-wrap">
508            <form class="search-form" method="get" action="/search/" role="search">
509                <fieldset class="form-section form-section-no-border">
510                    <legend class="sr-only">Site Search</legend>
511                    <div class="form-group d-flex align-items-center">
512                        <input id="q" class="form-control" name="q" required="required" type="search" validate="text" placeholder="Enter Search Text" role="search" aria-label="Sitewide" aria-autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" title="Search" value="" />
513                        <label for="q" class="sr-only">Enter Search Text</label>
514                        <button class="button-light-yellow-sm search-button ml-4" type="submit">Search</button>
515                    </div>
516                </fieldset>
517            </form>
518        </div>
519    </div>
520</div>
521                </li>
522</ul>
523
524                </div>
525            </div>
526            <div class="lg-container">
527                <div class="header-main-section">
528                    <div class="built-in desktop-only">
529                        <img src="/globalassets/assets/images/ui/built-in-usa.svg" alt="Built in North America" />
530                    </div>
531                    
532<div class="nav-wrapper-mobile">
533    <div class="mobile-menu icon-menu">
534        <button class="nav-mobile menu-button" aria-haspopup="true" aria-expanded="false" aria-label="Shop All">
535            <span class="menu-inner-wrap">
536                <span class="menu-icon">
537                    <span class="icon-bar"></span>
538                    <span class="icon-bar"></span>
539                    <span class="icon-bar"></span>
540                </span>
541                <span class="mobile-menu-label mt-1">Shop&nbsp;All</span>
542            </span>
543        </button>
544        <div class="mobile-flyout">
545            <div class="mobile-flyout-bg"></div>
546            <div class="mobile-flyout-innerdiv clearfix" role="dialog" aria-modal="true">
547                <button id="firstfocuselement" class="close-menu-btn" aria-label="Close mobile nav menu">
548                    <span class="close-icon"></span>
549                </button>
550                <ul role="menubar" class="topnav" aria-orientation="vertical" aria-activedescendant="">
551
552                                    <li class="primary-item primary-item-" role="menuitem">
553                                        <ul class="button-nav-list">
554<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a></li>
555<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/find-a-dealer/">Find a Dealer</a></li>
556<li class="button-nav"><a class="button-light-yellow-sm" href="https://ownerscorner.sunsetter.com/login.asp">Order Status</a></li>
557</ul>
558                                    </li>
559                                    <li class="primary-item primary-item-awnings subnav" role="menuitem">
560                                        <div class="nav-item-actions">
561                                            <a href="/c/awnings/">Awnings</a>
562                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Awnings menu"></button>
563                                        </div>
564                                            <div class="nav-dropdown">
565                                                <ul role="menu">
566                                                            <li class="nav-secondary" role="menuitem">
567                                                                <a href="/c/awnings/">All Awnings</a>
568                                                            </li>
569                                                            <li class="nav-secondary" role="menuitem">
570                                                                <a href="/c/awnings/sunsetter-series-awnings/">SunSetter Series Awnings</a>
571                                                            </li>
572                                                            <li class="nav-secondary" role="menuitem">
573                                                                <a href="/c/awnings/platinum-series-awnings/">Platinum Series Awnings</a>
574                                                            </li>
575                                                            <li class="nav-secondary" role="menuitem">
576                                                                <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP">See It On Your Home</a>
577                                                            </li>
578                                                            <li class="nav-secondary" role="menuitem">
579                                                                <a href="/cm/free-awning-swatches/">Free Swatches</a>
580                                                            </li>
581                                                            <li class="nav-secondary" role="menuitem">
582                                                                <a href="/cm/free-awning-info-kit/">Free Info Kit &amp; Savings</a>
583                                                            </li>
584                                                            <li class="nav-secondary" role="menuitem">
585                                                                <a href="/cm/customer-information/">Get Pricing</a>
586                                                            </li>
587                                                </ul>
588                                            </div>
589                                    </li>
590                                    <li class="primary-item primary-item-fabrics-colors desktop-only" role="menuitem" id="Fabrics & Colors" tabindex="-1">
591                                        <a aria-label="Fabrics & Colors" href="/cm/fabrics-and-colors/">Fabrics & Colors</a>
592                                    </li>
593                                    <li class="primary-item primary-item-accessories desktop-only" role="menuitem" id="Accessories" tabindex="-1">
594                                        <a aria-label="Accessories" href="/cm/awning-accessories/">Accessories</a>
595                                    </li>
596                                    <li class="primary-item primary-item-retractable-screens desktop-only subnav" role="menuitem">
597                                        <div class="nav-item-actions">
598                                            <a href="/c/retractable-screens/">Retractable Screens</a>
599                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Retractable Screens menu"></button>
600                                        </div>
601                                            <div class="nav-dropdown">
602                                                <ul role="menu">
603                                                            <li class="nav-secondary" role="menuitem">
604                                                                <a href="/c/retractable-screens/">All Retractable Screens</a>
605                                                            </li>
606                                                            <li class="nav-secondary" role="menuitem">
607                                                                <a href="/c/easyscreens/">EasyScreens</a>
608                                                            </li>
609                                                            <li class="nav-secondary" role="menuitem">
610                                                                <a href="/c/easyshades/">EasyShades</a>
611                                                            </li>
612                                                            <li class="nav-secondary" role="menuitem">
613                                                                <a href="/cm/retractable-screens/fabrics-and-colors/">Fabrics &amp; Colors</a>
614                                                            </li>
615                                                            <li class="nav-secondary" role="menuitem">
616                                                                <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades &amp; Screens</a>
617                                                            </li>
618                                                            <li class="nav-secondary" role="menuitem">
619                                                                <a href="/cm/retractable-screens/how-to-measure-easyscreens/">How To Measure for EasyScreens</a>
620                                                            </li>
621                                                            <li class="nav-secondary" role="menuitem">
622                                                                <a href="/cm/retractable-screens/how-to-measure-easyshades/">
622How To Measure for EasyShades</a>
623                                                            </li>
624                                                            <li class="nav-secondary" role="menuitem">
625                                                                <a href="/cm/retractable-screens/faq/">FAQ</a>
626                                                            </li>
627                                                            <li class="nav-secondary" role="menuitem">
628                                                                <a href="/cm/retractable-screens/get-estimate/">Get Estimate</a>
629                                                            </li>
630                                                            <li class="nav-secondary" role="menuitem">
631                                                                <a href="/cm/find-a-dealer/">Find A Dealer</a>
632                                                            </li>
633                                                            <li class="nav-secondary" role="menuitem">
634                                                                <a href="/cm/retractable-screens/download-brochure/">Download EasyScreen Brochure</a>
635                                                            </li>
636                                                </ul>
637                                            </div>
638                                    </li>
639                                    <li class="primary-item primary-item-outdoor-products desktop-only subnav" role="menuitem">
640                                        <div class="nav-item-actions">
641                                            <a href="/c/outdoor-products/">Outdoor Products</a>
642                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Outdoor Products menu"></button>
643                                        </div>
644                                            <div class="nav-dropdown">
645                                                <ul role="menu">
646                                                            <li class="nav-secondary" role="menuitem">
647                                                                <a href="/c/outdoor-products/">All Outdoor Products</a>
648                                                            </li>
649                                                            <li class="nav-secondary" role="menuitem">
650                                                                <a href="/c/outdoor-products/char-broil-gas-grill/">Char-Broil 2-Burner Gas Grill</a>
651                                                            </li>
652                                                            <li class="nav-secondary" role="menuitem">
653                                                                <a href="/c/outdoor-products/sunsetter-mats/">SunSetter Mats</a>
654                                                            </li>
655                                                            <li class="nav-secondary" role="menuitem">
656                                                                <a href="/c/outdoor-products/patio-lights/">Patio Lights</a>
657                                                            </li>
658                                                </ul>
659                                            </div>
660                                    </li>
661                                    <li class="primary-item primary-item-learn-more desktop-only subnav" role="menuitem">
662                                        <div class="nav-item-actions">
663                                            <a href="/cm/why-own-a-sunsetter/">Learn More</a>
664                                            <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Learn More menu"></button>
665                                        </div>
666                                            <div class="nav-dropdown">
667                                                <ul role="menu">
668                                                            <li class="nav-secondary" role="menuitem">
669                                                                <a href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a>
670                                                            </li>
671                                                            <li class="nav-secondary" role="menuitem">
672                                                                <a href="/cm/sunsetter-quality/">SunSetter Quality</a>
673                                                            </li>
674                                                            <li class="nav-secondary" role="menuitem">
675                                                                <a href="/cm/sunsetter-blog/">Our Blog</a>
676                                                            </li>
677                                                            <li class="nav-secondary" role="menuitem">
678                                                                <a href="/cm/energy-savings/">Energy Savings</a>
679                                                            </li>
680                                                            <li class="nav-secondary" role="menuitem">
681                                                                <a href="/cm/video-gallery/">Video Gallery</a>
682                                                            </li>
683                                                            <li class="nav-secondary" role="menuitem">
684                                                                <a href="/cm/owner-reviews/">Awning Owner Reviews</a>
685                                                            </li>
686                                                            <li class="nav-secondary" role="menuitem">
687                                                                <a href="/cm/how-to-measure/">How To Measure</a>
688                                                            </li>
689                                                            <li class="nav-secondary" role="menuitem">
690                                                                <a href="/cm/payment-plans/">Payment Plans</a>
691                                                            </li>
692                                                            <li class="nav-secondary" role="menuitem">
693                                                                <a href="/cm/faqs/">FAQ</a>
694                                                            </li>
695                                                            <li class="nav-secondary" role="menuitem">
696                                                                <a href="/cm/contact-us/">Contact Us</a>
697                                                            </li>
698                                                            <li class="nav-secondary" role="menuitem">
699                                                                <a href="/cm/perfectlook-awning-visualizer/">See It On Your Home</a>
700                                                            </li>
701                                                            <li class="nav-secondary" role="menuitem">
702                                                                <a href="/cm/find-a-dealer/">Find a Dealer</a>
703                                                            </li>
704                                                            <li class="nav-secondary" role="menuitem">
705                                                                <a href="/cm/free-awning-swatches/">Free Swatches</a>
706                                                            </li>
707                                                            <li class="nav-secondary" role="menuitem">
708                                                                <a href="/cm/free-awning-info-kit/">Free Info Kit &amp; Savings</a>
709                                                            </li>
710                                                            <li class="nav-secondary" role="menuitem">
711                                                                <a href="/cm/become-a-dealer/">Become a Dealer</a>
712                                                            </li>
713                                                </ul>
714                                            </div>
715                                    </li>
716                </ul>
717            </div>
718        </div>
719    </div>
720</div>
721
722                    <div class="logo-wrap">
723                            <a class="logo-sunsetter" href="/">
724                                <img alt="Go to the SunSetter home page" src="/globalassets/assets/images/ui/logo-sunsetter.svg" />
725                            </a>
726                    </div>
727                    <div class="order-info desktop-only d-flex align-items-center">
728                                <a href="/#prd-header" class="button-light-yellow-sm mr-3">Order Today</a>
729                                <div class="heading-md">
730                                    <span class="sst-phone-number">1-800-876-2340</span>
731                                </div>
732
733                    </div>
734                </div>
735            </div>
736        </div>
737        <div class="primary-nav-wrapper">
738            
739
740
741    <nav>
742        <ul class="list-unstyled nav-list primary-nav-list" role="menubar" aria-label="Sunsetter Menu" id="topnav" aria-orientation="horizontal" aria-activedescendant="">
743
744                        <li class="primary-item primary-item-awnings subnav" role="menuitem">
745                            <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Awnings</button>
746                                <div class="dd-nav-wrap awnings">
747                                    <div class="dd-nav">
748                                        <div class="nav-secondary">
749                                            <ul class="list-unstyled nav-category-list" role="menubar">
750                                                            <li class="nav-dropdown-list-item" role="menuitem">
751                                                                <a href="/c/awnings/" class="nav-link" >All Awnings</a>
752                                                            </li>
753                                                            <li class="nav-dropdown-list-item" role="menuitem">
754                                                                <a href="/c/awnings/sunsetter-series-awnings/" class="nav-link">SunSetter Series Awnings</a>
755                                                            </li>
756                                                            <li class="nav-dropdown-list-item" role="menuitem">
757                                                                <a href="/c/awnings/platinum-series-awnings/" class="nav-link">Platinum Series Awnings</a>
758                                                            </li>
759                                                            <li class="nav-dropdown-list-item" role="menuitem">
760                                                                <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP" class="nav-link" >See It On Your Home</a>
761                                                            </li>
762                                                            <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem">
763                                                                <a href="/cm/free-awning-swatches/" class="nav-link" >Free Swatches</a>
764                                                            </li>
765                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
766                                                                <a href="/cm/free-awning-info-kit/" class="nav-link" >Free Info Kit &amp; Savings</a>
767                                                            </li>
768                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
769                                                                <a href="/cm/customer-information/" class="nav-link" >Get Pricing</a>
770                                                            </li>
771
772                                            </ul>
773                                        </div>
774                                    </div>
775                                </div>
776                        </li>
777                        <li class="primary-item primary-item-fabrics-colors desktop-only" aria-busy="true" role="menuitem" id="Fabrics & Colors" tabindex="-1">
778                                <a href="/cm/fabrics-and-colors/" aria-label="Fabrics & Colors" class="primary-nav-item" >
778Fabrics & Colors</a>
779
780                        </li>
781                        <li class="primary-item primary-item-accessories desktop-only" aria-busy="true" role="menuitem" id="Accessories" tabindex="-1">
782                                <a href="/cm/awning-accessories/" aria-label="Accessories" class="primary-nav-item" >Accessories</a>
783
784                        </li>
785                        <li class="primary-item primary-item-retractable-screens subnav desktop-only" role="menuitem">
786                            <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Retractable Screens</button>
787                                <div class="dd-nav-wrap retractable-screens">
788                                    <div class="dd-nav">
789                                        <div class="nav-secondary">
790                                            <ul class="list-unstyled nav-category-list" role="menubar">
791                                                            <li class="nav-dropdown-list-item" role="menuitem">
792                                                                <a href="/c/retractable-screens/" class="nav-link" >All Retractable Screens</a>
793                                                            </li>
794                                                            <li class="nav-dropdown-list-item" role="menuitem">
795                                                                <a href="/c/easyscreens/" class="nav-link">EasyScreens</a>
796                                                            </li>
797                                                            <li class="nav-dropdown-list-item" role="menuitem">
798                                                                <a href="/c/easyshades/" class="nav-link">EasyShades</a>
799                                                            </li>
800                                                            <li class="nav-dropdown-list-item" role="menuitem">
801                                                                <a href="/cm/retractable-screens/fabrics-and-colors/" class="nav-link">Fabrics &amp; Colors</a>
802                                                            </li>
803                                                            <li class="nav-dropdown-list-item" role="menuitem">
804                                                                <a href="/cm/retractable-screens/compare-shades-and-screens/" class="nav-link">Compare Shades &amp; Screens</a>
805                                                            </li>
806                                                            <li class="nav-dropdown-list-item" role="menuitem">
807                                                                <a href="/cm/retractable-screens/how-to-measure-easyscreens/" class="nav-link">How To Measure for EasyScreens</a>
808                                                            </li>
809                                                            <li class="nav-dropdown-list-item" role="menuitem">
810                                                                <a href="/cm/retractable-screens/how-to-measure-easyshades/" class="nav-link">How To Measure for EasyShades</a>
811                                                            </li>
812                                                            <li class="nav-dropdown-list-item" role="menuitem">
813                                                                <a href="/cm/retractable-screens/faq/" class="nav-link">FAQ</a>
814                                                            </li>
815                                                            <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem">
816                                                                <a href="/cm/retractable-screens/get-estimate/" class="nav-link" >Get Estimate</a>
817                                                            </li>
818                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
819                                                                <a href="/cm/find-a-dealer/" class="nav-link" >Find A Dealer</a>
820                                                            </li>
821                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
822                                                                <a href="/cm/retractable-screens/download-brochure/" class="nav-link" >Download EasyScreen Brochure</a>
823                                                            </li>
824
825                                            </ul>
826                                        </div>
827                                    </div>
828                                </div>
829                        </li>
830                        <li class="primary-item primary-item-outdoor-products subnav desktop-only" role="menuitem">
831                            <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Outdoor Products</button>
832                                <div class="dd-nav-wrap outdoor-products">
833                                    <div class="dd-nav">
834                                        <div class="nav-secondary">
835                                            <ul class="list-unstyled nav-category-list" role="menubar">
836                                                            <li class="nav-dropdown-list-item" role="menuitem">
837                                                                <a href="/c/outdoor-products/" class="nav-link" >All Outdoor Products</a>
838                                                            </li>
839                                                            <li class="nav-dropdown-list-item" role="menuitem">
840                                                                <a href="/c/outdoor-products/char-broil-gas-grill/" class="nav-link">
840Char-Broil 2-Burner Gas Grill</a>
841                                                            </li>
842                                                            <li class="nav-dropdown-list-item" role="menuitem">
843                                                                <a href="/c/outdoor-products/sunsetter-mats/" class="nav-link">SunSetter Mats</a>
844                                                            </li>
845                                                            <li class="nav-dropdown-list-item" role="menuitem">
846                                                                <a href="/c/outdoor-products/patio-lights/" class="nav-link">Patio Lights</a>
847                                                            </li>
848
849                                            </ul>
850                                        </div>
851                                    </div>
852                                </div>
853                        </li>
854                        <li class="primary-item primary-item-learn-more subnav desktop-only" role="menuitem">
855                            <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Learn More</button>
856                                <div class="dd-nav-wrap learn-more">
857                                    <div class="dd-nav">
858                                        <div class="nav-secondary">
859                                            <ul class="list-unstyled nav-category-list" role="menubar">
860                                                            <li class="nav-dropdown-list-item" role="menuitem">
861                                                                <a href="/cm/why-own-a-sunsetter/" class="nav-link">Why Own a SunSetter</a>
862                                                            </li>
863                                                            <li class="nav-dropdown-list-item" role="menuitem">
864                                                                <a href="/cm/sunsetter-quality/" class="nav-link">SunSetter Quality</a>
865                                                            </li>
866                                                            <li class="nav-dropdown-list-item" role="menuitem">
867                                                                <a href="/cm/sunsetter-blog/" class="nav-link" >Our Blog</a>
868                                                            </li>
869                                                            <li class="nav-dropdown-list-item" role="menuitem">
870                                                                <a href="/cm/energy-savings/" class="nav-link">Energy Savings</a>
871                                                            </li>
872                                                            <li class="nav-dropdown-list-item" role="menuitem">
873                                                                <a href="/cm/video-gallery/" class="nav-link">Video Gallery</a>
874                                                            </li>
875                                                            <li class="nav-dropdown-list-item" role="menuitem">
876                                                                <a href="/cm/owner-reviews/" class="nav-link" >Awning Owner Reviews</a>
877                                                            </li>
878                                                            <li class="nav-dropdown-list-item" role="menuitem">
879                                                                <a href="/cm/how-to-measure/" class="nav-link">How To Measure</a>
880                                                            </li>
881                                                            <li class="nav-dropdown-list-item" role="menuitem">
882                                                                <a href="/cm/payment-plans/" class="nav-link">Payment Plans</a>
883                                                            </li>
884                                                            <li class="nav-dropdown-list-item" role="menuitem">
885                                                                <a href="/cm/faqs/" class="nav-link">FAQ</a>
886                                                            </li>
887                                                            <li class="nav-dropdown-list-item" role="menuitem">
888                                                                <a href="/cm/contact-us/" class="nav-link">Contact Us</a>
889                                                            </li>
890                                                            <li class="nav-dropdown-list-item" role="menuitem">
891                                                                <a href="/cm/perfectlook-awning-visualizer/" class="nav-link" >See It On Your Home</a>
892                                                            </li>
893                                                            <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem">
894                                                                <a href="/cm/find-a-dealer/" class="nav-link" >Find a Dealer</a>
895                                                            </li>
896                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
897                                                                <a href="/cm/free-awning-swatches/" class="nav-link" >Free Swatches</a>
898                                                            </li>
899                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
900                                                                <a href="/cm/free-awning-info-kit/" class="nav-link" >Free Info Kit &amp; Savings</a>
901                                                            </li>
902                                                            <li class="nav-dropdown-list-item cta-nav-item" role="menuitem">
903                                                                <a href="/cm/become-a-dealer/" class="nav-link" >Become a Dealer</a>
904                                                            </li>
905
906                                            </ul>
907                                        </div>
908                                    </div>
909                                </div>
910                        </li>
911                        <li class="primary-item primary-item-get-pricing mobile-only" aria-busy="true" role="menuitem" id="Get Pricing" tabindex="-1">
912                                <a href="/cm/customer-information/" aria-label="Get Pricing" class="primary-nav-item" >Get Pricing</a>
913
914                        </li>
915                        <li class="primary-item primary-item-find-a-dealer mobile-only" aria-busy="true" role="menuitem" id="Find a Dealer" tabindex="-1">
916                                <a href="/cm/find-a-dealer/" aria-label="Find a Dealer" class="primary-nav-item" >Find a Dealer</a>
917
918                        </li>
919                        <li class="primary-item primary-item-get-pricing primary-item-btn desktop-only" role="menuitem">
920                            <a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a>
921                        </li>
922                        <li class="primary-item primary-item-find-a-dealer primary-item-btn desktop-only ml-1" role="menuitem">
923                            <a class="button-light-blue-sm" href="/cm/find-a-dealer/">Find a Dealer</a>
924                        </li>
925                        <li class="primary-item primary-item-faq mobile-only" aria-busy="true" role="menuitem" id="FAQ" tabindex="-1">
926                                <a href="/cm/faqs/" aria-label="FAQ" class="primary-nav-item" >FAQ</a>
927
928                        </li>
929        </ul>
930
931    </nav>
932    
932<script>
933        document.addEventListener('DOMContentLoaded', () => {
934            const menu = document.getElementById('topnav');
935            const menuItems = menu.querySelectorAll('[role="menuitem"]');
936
937            menu.addEventListener('keydown', (event) => {
938                const activeElement = document.activeElement;
939                let newIndex;
940
941                switch (event.key) {
942                    case 'ArrowRight':
943                        newIndex = (Array.from(menuItems).indexOf(activeElement) + 1) % menuItems.length;
944                        menuItems[newIndex].focus();
945                        break;
946                    case 'ArrowLeft':
947                        newIndex = (Array.from(menuItems).indexOf(activeElement) - 1 + menuItems.length) % menuItems.length;
948                        menuItems[newIndex].focus();
949                        break;
950                    case 'Home':
951                        menuItems[0].focus();
952                        break;
953                    case 'End':
954                        menuItems[menuItems.length - 1].focus();
955                        break;
956                    default:
957                        return;
958                }
959
960                event.preventDefault();
961                updateAriaActivedescendant(menu, menuItems[newIndex].id);
962            });
963
964            function updateAriaActivedescendant(menu, id) {
965                menu.setAttribute('aria-activedescendant', id);
966            }
967        });
968    </script>
968
969
970
971
972            
973
974        </div>
975    </div>
976</header>
977            <main id="content" class="maincontent">
978                
979
980<script type="application/ld+json">
981    {
982        "@context": "https://schema.org",
983        "@type": "CollectionPage",
984        "@id": "https://www.sunsetter.com/cm/sunsetter-blog/",
985        "url": "https://www.sunsetter.com/cm/sunsetter-blog/",
986        "name": "SunSetter Blog",
987        "description": "Learn more about SunSetter products from our blog. We offer everything you need to know from what is an awning to how to choose awning fabric and more!",
988        "isPartof": {
989            "@type": "WebSite",
990            "@id": "https://www.sunsetter.com/",
991            "url": "https://www.sunsetter.com/",
992            "name": "SunSetter"
993        },
994        "mainEntity": [
995                    {
996                        "@type": "WebPage",
997                        "name": "SunSetter Blog, Page + 1",
998                        "url": "https://www.sunsetter.com/cm/sunsetter-blog/"
999                    },
1000                    {
1001                        "@type": "WebPage",
1002                        "name": "SunSetter Blog, Page + 2",
1003                        "url": "https://www.sunsetter.com/cm/sunsetter-blog/"
1004                    }
1005
1006        ]
1007    }
1008</script>
1008
1009<div>
1010    <div>
1011<div class="block contentcontainerblock  "><div class="container lg-container mb-20 mt-0">
1012    <h1 class="heading-xl">Welcome to the SunSetter Outdoor Living Blog</h1>
1013<p class="body-lg mb-3">Here at SunSetter we believe people are happier and healthier when they spend more time outside. As America&rsquo;s #1 Awning, we believe it is our mission to help people comfortably enjoy their home&rsquo;s outdoor living spaces with products that easily transform their patio into an outdoor oasis.</p>
1014<p class="body-lg">This blog is where we&rsquo;ve gathered our tips, advice, and inspiration. Read the latest articles written by our team of experts and get inspired today!</p>
1015</div></div></div>
1016    <section id="article-root" class="article-list"></section>
1017    <noscript>
1018                <div class="container">
1019                    <div class="row">
1020                        <div class="col">
1021                            <ul>
1022                                    <li><a href="/cm/sunsetter-blog/history-of-sunsetter/">A History of SunSetter</a></li>
1023                                    <li><a href="/cm/sunsetter-blog/awning-vs.-canopy-whats-the-difference/">Awning or Canopy: Which Is Right for You?</a></li>
1024                                    <li><a href="/cm/sunsetter-blog/awning-lighting-awning-lighting-ideas-to-enhance-your-patio/">Awning Lighting: Awning Lighting Ideas To Enhance Your Patio</a></li>
1025                                    <li><a href="/cm/sunsetter-blog/turning-your-porch-or-patio-into-a-party-space/">Turning Your Porch or Patio Into a Party Space</a></li>
1026                                    <li><a href="/cm/sunsetter-blog/porch--patio-problem-solving-guide/">Porch &amp; Patio Problem-Solving Guide</a></li>
1027                                    <li><a href="/cm/sunsetter-blog/benefits-of-freestanding-awnings/">Benefits of Freestanding Awnings</a></li>
1028                                    <li><a href="/cm/sunsetter-blog/7-reasons-why-you-should-work-with-an-authorized-sunsetter-dealer/">7 Reasons Why You Should Work With an Authorized SunSetter Dealer</a></li>
1029                                    <li><a href="/cm/sunsetter-blog/why-you-should-choose-sunsetter-over-any-awning-competitor/">Why You Should Choose SunSetter Over Any Other Awning Competitor</a></li>
1030                                    <li><a href="/cm/sunsetter-blog/the-importance-of-awning-maintenance/">The Importance of Awning Maintenance</a></li>
1031                                    <li><a href="/cm/sunsetter-blog/4-advantages-of-choosing-a-motorized-retractable-awning/">4 Advantages of Choosing a Motorized Retractable Awning</a></li>
1032                                    <li><a href="/cm/sunsetter-blog/retractable-awning-options-for-large-patios/">Retractable Awning Options for Large Patios</a></li>
1033                                    <li><a href="/cm/sunsetter-blog/9-reasons-you-need-an-outdoor-oasis/">9 Reasons You Need an Outdoor Oasis</a></li>
1034                                    <li><a href="/cm/sunsetter-blog/how-to-choose-the-right-retractable-screen-fabric/">How to Choose the Right Retractable Screen Fabric</a></li>
1035                                    <li><a href="/cm/sunsetter-blog/which-retractable-awning-is-right-for-me/">Which Retractable Awning is Right for Me?</a></li>
1036                                    <li><a href="/cm/sunsetter-blog/how-to-replace-awning-fabric/">How To Replace Awning Fabric</a></li>
1037                                    <li><a href="/cm/sunsetter-blog/How-to-Get-Your-Awning-Ready-for-the-Season/">How to Get Your Awning Ready for the Season</a></li>
1038                                    <li><a href="/cm/sunsetter-blog/Benefits-of-a-Wireless-Wind-Sensor/">The Benefits of a Wireless Wind Sensor</a></li>
1039                                    <li><a href="/cm/sunsetter-blog/Choose-the-Right-Fabric-for-My-Awning/">How Do I Choose the Right Fabric for My Awning?</a></li>
1040                                    <li><a href="/cm/sunsetter-blog/Above-and-Beyond-Protection/">Above and Beyond Protection</a></li>
1041                                    <li><a href="/cm/sunsetter-blog/which-mounting-style-is-best-for-your-home/">Which Mounting Style is Best for Your Home?</a></li>
1042                                    <li><a href="/cm/sunsetter-blog/EasyScreen-vs-EasyShade/">What’s the Difference Between an EasyScreen and an EasyShade?</a></li>
1043                                    <li><a href="/cm/sunsetter-blog/NEW-EasyScreens-from-SunSetter/">Introducing NEW EasyScreen™ Retractable Screen Systems from SunSetter</a></li>
1044                                    <li><a href="/cm/sunsetter-blog/what-is-an-exterior-solar-shade/">What is an Exterior Solar Shade?</a></li>
1045                                    <li><a href="/cm/sunsetter-blog/what-is-an-awning/">What is an Awning?</a></li>
1046                            </ul>
1047                        </div>
1048                    </div>
1049                </div>
1050
1051    </noscript>
1052</div>
1053            </main>
1054
1055
1056<footer class="footer sticky-footer">
1057    <div class="footer-ctas-wrap">
1058        <div class="container">
1059            <!--<div class="row">
1060            <div class="col-12 px-0">-->
1061                <ul class="footer-ctas d-flex flex-column flex-xs-row flex-wrap justify-content-center justify-content-lg-between" role="menu">
1062                            <li role="menuitem">
1063                                <a href="/cm/free-awning-info-kit/" >Free Info Kit &amp; Savings Certificate</a>
1064                            </li>
1065                            <li role="menuitem">
1066                                <a href="/cm/find-a-dealer/" >Find a SunSetter Dealer Near You</a>
1067                            </li>
1068                            <li role="menuitem">
1069                                <a href="/cm/free-awning-swatches/" >Free Swatches</a>
1070                            </li>
1071                            <li role="menuitem">
1072                                <a href="/cm/owner-reviews/" >Read Owner Reviews</a>
1073                            </li>
1074                            <li role="menuitem">
1075                                <a href="/cm/become-a-dealer/" >Become a Dealer</a>
1076                            </li>
1077                </ul>
1078            <!--</div>
1079            </div>-->
1080        </div>
1081    </div>
1082    <div class="bg-dark-gray-05">
1083        <div class="container">
1084            <div class="row">
1085                <div class="bg-dark-blue col-12 col-md-auto order-2 order-md-1">
1086                    <div class="footer-contact d-flex flex-row flex-md-column justify-content-between mb-3 mb-md-0">
1087                        <div>
1088                            <address class="body-md text-white">
1089                                <span class="header-link-footer">SunSetter Products</span> 7549 Graber Road<br />Middleton, WI 53562
1090                            </address>
1091                            <a class="body-md text-white sst-phone-number" href="tel:1-800-876-2340">
1092                                <strong class="sst-phone-number">1-800-876-2340</strong>
1093                            </a>
1094                        </div>
1095                            <ul class="footer-socials flex-row col-6 col-md-12 pr-0 px-md-0" role="menu">
1096                                    <li class="link-icon" role="menuitem">
1097                                        <a href="/goto-facebook" class="footer-icon-facebook" target=_blank>
1098                                            <img alt="Facebook" src="/siteassets/assets/images/ui/icon-social-facebook.svg" />
1099                                        </a>
1100                                    </li>
1101                                    <li class="link-icon ml-3" role="menuitem">
1102                                        <a href="https://www.instagram.com/sunsetterproducts/" class="footer-icon-instagram" target=_blank>
1103                                            <img alt="Instagram" src="/siteassets/assets/images/ui/icon-social-instagram.svg" />
1104                                        </a>
1105                                    </li>
1106                                    <li class="link-icon ml-3" role="menuitem">
1107                                        <a href="https://www.youtube.com/@SunSetterProducts" class="footer-icon-" target=_blank>
1108                                            <img alt="YouTube" src="/siteassets/assets/images/ui/icon-social-youtube.svg" />
1109                                        </a>
1110                                    </li>
1111                                    <li class="link-icon ml-3" role="menuitem">
1112                                        <a href="https://www.pinterest.com/SunSetterProducts/" class="footer-icon-" target=_blank>
1113                                            <img alt="Pinterest" src="/siteassets/assets/images/ui/icon-social-pinterest.svg" />
1114                                        </a>
1115                                    </li>
1116                            </ul>
1117                    </div>
1118                </div>
1119                <div class="link-footer-wrap col-12 col-md d-flex flex-row flex-wrap order-1 order-md-2" >
1120                                <ul class="col-6 col-md-3 pb-3" role="menu" >
1121                                    <li class="header-link-footer" role="menuitem" >Our Company</li>
1122                                                <li class="sst-ft-mi" role="menuitem" >
1123                                                    <a href="/cm/about/" >About Us</a>
1124                                                </li>
1125                                                <li class="sst-ft-mi" role="menuitem" >
1126                                                    <a href="/cm/sunsetter-quality/" >SunSetter Quality</a>
1127                                                </li>
1128                                                <li class="sst-ft-mi" role="menuitem" >
1129                                                    <a href="/cm/sunsetter-blog/" >Our Blog</a>
1130                                                </li>
1131                                                <li class="sst-ft-mi" role="menuitem" >
1132                                                    <a href="/cm/video-gallery/" >Watch Our Videos</a>
1133                                                </li>
1134                                                <li class="sst-ft-mi" role="menuitem" >
1135                                                    <a href="https://careers-sunsetter.icims.com/jobs/intro?hashed=-435626302" target=_blank>Careers</a>
1136                                                </li>
1137                                                <li role="menuitem" class="sst-ft-mi">
1138                                                    <a href="/cm/media-inquiries/">Media Inquiries</a>
1139                                                </li>
1140                                </ul>
1141                                <ul class="col-6 col-md-3 pb-3" role="menu" >
1142                                    <li class="header-link-footer" role="menuitem" >Products</li>
1143                                                <li role="menuitem" class="sst-ft-mi">
1144                                                    <a href="/c/awnings/">Awnings</a>
1145                                                </li>
1146                                                <li role="menuitem" class="sst-ft-mi">
1147                                                    <a href="/c/retractable-screens/">Retractable Screens</a>
1148                                                </li>
1149                                                <li role="menuitem" class="sst-ft-mi">
1150                                                    <a href="/cm/awning-accessories/">Awning Accessories</a>
1151                                                </li>
1152                                                <li role="menuitem" class="sst-ft-mi">
1153                                                    <a href="/c/outdoor-products/">Outdoor Products</a>
1154                                                </li>
1155                                </ul>
1156                                <ul class="col-6 col-md-3 pb-3" role="menu" >
1157                                    <li class="header-link-footer" role="menuitem" >Customer Service</li>
1158                                                <li class="sst-ft-mi" role="menuitem" >
1159                                                    <a href="/oc/ocloginnew/" target=_blank>Order Status</a>
1160                                                </li>
1161                                                <li class="sst-ft-mi" role="menuitem" >
1162                                                    <a href="/cm/warranty/" >Warranty Information</a>
1163                                                </li>
1164                                                <li role="menuitem" class="sst-ft-mi">
1165                                                    <a href="/cm/payment-plans/">Payment Plans</a>
1166                                                </li>
1167                                                <li class="sst-ft-mi" role="menuitem" >
1168                                                    <a href="/cs/installationassistance/" target=_blank>Technical Assistance</a>
1169                                                </li>
1170                                                <li class="sst-ft-mi" role="menuitem" >
1171                                                    <a href="/cm/safety-clips/" >Recall Information</a>
1172                                                </li>
1173                                                <li class="sst-ft-mi" role="menuitem" >
1174                                                    <a href="/cs/homepage/" >Contact Us</a>
1175                                                </li>
1176                                </ul>
1177                                <ul class="col-6 col-md-3 pb-3" role="menu" >
1178                                    <li class="header-link-footer" role="menuitem" >Owner's Corner</li>
1179                                                <li class="sst-ft-mi" role="menuitem">
1180                                                    <a class="button-dark-blue-sm" href="/oc/ocloginnew/">Log In</a>
1181                                                </li>
1182                                </ul>
1183                </div>
1184            </div>
1185        </div>
1186    </div>
1187    <div class="d-none d-sm-flex py-4" style="justify-content: space-evenly; align-items: baseline;">
1188    <a href="https://awnings.textiles.org/" target="_blank"> <img src="/siteassets/assets/images/ui/logo-pama.png" alt="PAMA" style="width:180px;padding-bottom:20px"> </a>
1189    <a href="https://www.skincancer.org/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/scf-seal---outdoor-shade-4c.png" alt="Skin Cancer Foundation" style="max-width:45px"> </a>
1190    <a href="https://sunsetterproducts.caddetails.com/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/caddetails.png" alt="CADdetail
1190s" style="padding-bottom:15px;max-width:160px"> </a>
1191    <a href="https://www.consumeraffairs.com/homeowners/sunsetter.html" target="_blank"> <img src="https://embed.widencdn.net/img/springswindowfashions/qnwbz9bc7z/200x75px/Consumer-Affairs.png" alt="Consumer-Affairs" style="max-width:160px"> </a>
1192    <a href="https://www.sunsetter.com/cm/warranty/5-year-all-weather-warranty/" target="_blank"><img src="/globalassets/assets/images/ui/icon-five-year-warranty.svg" alt="5-Year Warranty" style="width:80px;"> </a>
1193    <a href="https://www.sunsetter.com/cm/warranty/10-year-all-weather-warranty/" target="_blank"><img src="/globalassets/assets/images/ui/icon-ten-year-warranty.svg" alt="10-Year Warranty" style="width:80px;"> </a>
1194</div>
1195
1196
1197    <div class="bg-dark-blue">
1198        <div class="container">
1199            <div class="row">
1200                <div class="copyright col pb-3">
1201<p class="body-xs py-3">Photos are for inspiration only. Not all product configurations are available in all countries.</p>                    
1202                    <div class="d-flex flex-column flex-md-row justify-content-md-center align-items-md-center">
1203                        <p class="body-sm mr-lg-5 pr-sm-5">
1204                            <span>&copy; 2026 SunSetter Products. All Rights Reserved. All trademarks are owned by SunSetter.</span>
1205                                <span class="copyright-links mt-1 mt-md-0">
1206                                            <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/privacy/"><strong>Privacy &amp; Security</strong></a>
1207                                            <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/ccpa-privacy-notice/"><strong>CCPA Policy</strong></a>
1208                                            <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="https://privacyportal.onetrust.com/webform/d1733fbe-d1ce-4ae2-a5cf-c526fd82eea9/7e0a0303-83e0-4f48-ab63-872f1c5edc21" target=_blank><strong>Do Not Sell or Share My Information</strong></a>
1209                                </span>
1210                        </p>
1211                    </div>
1212                </div>
1213            </div>
1214        </div>
1215    </div>
1216</footer>
1217
1218<style>
1219    .sst-ft-mi {
1220        min-height:24px;
1221    }
1222</style>        </div>
1223    
1223<script>
1224        var desktopPhone = '1-800-876-2340';
1225        var mobilePhone = '1-800-876-2340';
1226        var sitePopupsEnabled = true;
1227    </script>
1227
1228    
1228<script src="/assets/dist/js/polyfill.min.js?cache=04302026" id="polyfill-script"></script>
1228
1229    
1229<script src="/assets/dist/js/app.min.js?cache=04302026"></script>
1229
1230    
1230<script src="/assets/dist/js/optimizely-experiment-api.min.js?cache=04302026"></script>
1230
1231    
1231<script>
1232        var isRetractableScreenPage = window.location.href.indexOf('/retractable-screens') !== -1 || window.location.href.indexOf('/easyscreens') !== -1;
1233        var isEasyShadesPage = window.location.href.indexOf('/easyshades') !== -1;
1234        if (isRetractableScreenPage) {
1235            
1236            [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) {
1237                link.href = '/cm/retractable-screens/get-estimate/';
1238            });
1239        } else if (isEasyShadesPage) {
1240            [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) {
1241                link.href = '/cm/easyshades/pricing-and-order/';
1242            });
1243        }
1244    </script>
1244
1245
1246
1247        
1247<script>
1248            if (!Aggregator) {
1249                var Aggregator = function (o) {
1250                    var d = document, p = Aggregator.prototype; this.options = o; this.q = []; d.cookie = '__na_c=1'; p.p = function (c) {
1251                        return function () {
1252                            this.q.push([c, arguments])
1253                        }
1254                    }; p.setPerson = p.p(4, arguments); p.logEvent = p.p(0, arguments); p.logPageview = p.p(1, arguments);
1255                    p.ready = p.p(2, arguments); p.logOutbound = p.p(3, arguments); p.updatePerson = p.p(5, arguments); p.updateSession = p.p(6, arguments);
1256                    p.updateEvent = p.p(7, arguments); p.push = p.p(8, arguments); var s = d.createElement('script'); s.type = 'text/javascript';
1257                    s.async = true; (function (i) {
1258                        s.onreadystatechange = function () { if (s.readyState == 'loaded' || s.readyState == 'complete') { i.run(); } };
1259                        s.onload = function () { i.run(); }
1260                    })(this); e = location.protocol == 'https:'; s.src = 'http' + (e ? 's://' : '://') +
1261                        (e && navigator.userAgent.indexOf('MSIE') > -1 ? 'a-{0}.gatorapi.com' : 'a-{0}.scripts.gatorapi.com').replace('{0}', o.projectId) +
1262                        '/web?t=' + Math.floor((new Date() * .00001) / 36); var e = d.getElementsByTagName('script')[0]; e.parentNode.insertBefore(s, e);
1263                }
1264            }
1265            if (!gator) {
1266                var gator = new Aggregator({
1267                    "projectId": "53999616"
1268                });
1269            }
1270            var gatorApi = {
1271                log: function (gf, name, address, zip, email, phone) {
1272                    console.log(`${gf}, ${name}, ${address}, ${zip}, ${email}, ${phone}`);
1273                    var id = Date.now();
1274                    gator.logEvent(gf, {
1275                        address,
1276                        email, // is there a reason this isn't being logged?
1277                        id,
1278                        name,
1279                        phone,
1280                        zip,
1281                    });
1282                }, 
1283            };
1284        </script>
1284
1285        
1285<script>
1286            gator.logPageview();
1287        </script>
1287
1288
1289<script>
1290  (function (g, e, n, es, ys, m, xg) {
1291    g['_genesysJs'] = e;
1292    g[e] = g[e] || function () {
1293      (g[e].q = g[e].q || []).push(arguments)
1294    };
1295    g[e].t = 1 * new Date();
1296    g[e].c = es;
1297    ys = document.createElement('script'); ys.async = 1; ys.src = n; ys.charset = 'utf-8'; document.head.appendChild(ys);
1298    xg = document.createElement('script'); xg.async = 1; xg.src = m; xg.charset = 'utf-8'; document.body.appendChild(xg);
1299  })(window, 'Genesys', 'https://apps.usw2.pure.cloud/genesys-bootstrap/genesys.min.js', {
1300    environment: 'prod-usw2',
1301    deploymentId: 'af2865eb-9250-4c8d-be8d-13b4e7e5e693'
1302  },
1303    '', '/assets/dist/js/genesys-mxg-manager.min.js?cache=04302026'
1304  );
1305</script>
1305        
1305<script>
vendor: 152 bytes, lines 1305-1308
1305
1306            (function(h,o,t,j,a,r){
1307                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
1308                h._hjSettings={hjid:
13082374119
vendor: 312 bytes, lines 1308-1314
1308,hjsv:6};
1309                a=o.getElementsByTagName('head')[0];
1310                r=o.createElement('script');r.async=1;
1311                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
1312                a.appendChild(r);
1313            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
1314        
1314</script>
1314
1315        
1315<script>
1316            var _kmq = _kmq || [];
1317            var _kmk = _kmk || '42be80a0d2c39ebe60058c7fe1c64db0a7b99016';
1318            function _kms(u) {
1319                setTimeout(function () {
1320                    var d = document, f = d.getElementsByTagName('script')[0],
1321                        s = d.createElement('script');
1322                    s.type = 'text/javascript'; s.async = true; s.src = u;
1323                    f.parentNode.insertBefore(s, f);
1324                }, 1);
1325            }
1326            _kms('//i.kissmetrics.com/i.js');
1327            _kms('//scripts.kissmetrics.com/' + _kmk + '.2.js');
1328        </script>
vendor: 2 bytes, line 1328
1328
1329<script async src=https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=L2S3bd></script>
1329        
1329<script async src='https://tag.simpli.fi/sifitag/d0c04114-5f1d-4bdd-b7aa-64c19734b09d'></script>
1329
1330        <!-- Eicoff run on all pages -->
1331
1332<script>
1333    // console.log('pebble!');
1334    window._pp = window._pp || [];
1335    _pp.brid = "2631";
1336    _pp.brcid = "";
1337    _pp.sessionId = "";
1338    _pp.email = "";
1339    _pp.offerCode = "";
1340    _pp.orderValue = "";
1341    _pp.orderId = "";
1342</script>
1342
1343    
1343<script>
1344    _pp.sessionId = "149719874";
1345    _pp.email = "";
1346    </script>
vendor: 2 bytes, line 1346
1346
1347<script>
1348    (function () {
1349        var ppjs = document.createElement('script');
1350        ppjs.type = 'text/javascript';
1351        ppjs.async = true;
1352        ppjs.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//cdn.pbbl.co/r/' + _pp.brid + '.js';
1353        var s = document.getElementsByTagName('script')[0];
1354        s.parentNode.insertBefore(ppjs, s);
1355    })();
1356</script>
1356
1357    
1358    
1358<script>
1359        var articleData = {
1360            articleItems: [{"id":"aca026c1-9c02-4b97-95cf-303230b79770","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"A History of SunSetter","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/c2jh60sdye/1920x1080px/SunSetter-CS24-SSPro-20.jpeg?keep=c&crop=yes&quality=80&u=l4br6w","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/history-of-sunsetter/"},{"id":"db469899-a07d-426c-8167-b9f47887246c","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"Awning or Canopy: Which Is Right for You?","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/qgvmyinqro/1920x1080px/SunSetter_SemiMotorizedPRO-CREAM_Sunbrella-KiawahSpa_v2_1023.jpeg?keep=c&crop=yes&quality=80&u=l4br6w","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/awning-vs.-canopy-whats-the-difference/"},{"id":"70c3190a-aeec-40e7-b27c-6e0e0993ef68","articleCategories":[{"id":3,"name":"Awnings"},{"id":9,"name":"Accessories"}],"articleTitle":"Awning Lighting: Awning Lighting Ideas To Enhance Your Patio","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/mzysw2vcrd/1920x1080px/SunSetter_SemiMotorizedPRO-CREAM_Sunbrella-WestfieldMushroom_Underneath_wLED_1124.jpegg? keep=c&crop=yes&quality=80&u=l4br6w","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/awning-lighting-awning-lighting-ideas-to-enhance-your-patio/"},{"id":"099a0207-cdb1-4b90-b682-d8712ec972b1","articleCategories":[{"id":3,"name":"Awnings"},{"id":7,"name":"EasyScreens"}],"articleTitle":"Turning Your Porch or Patio Into a Party Space","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/ecnxxhrism/1920x1080px/SunSetter-LS21-MotorPRO-ThunderHeather-02.jpeg?crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/turning-your-porch-or-patio-into-a-party-space/"},{"id":"57ac1e2f-326e-4323-a575-de0a541a8554","articleCategories":[{"id":3,"name":"Awnings"},{"id":7,"name":"EasyScreens"}],"articleTitle":"Porch & Patio Problem-Solving Guide","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/zun1dswiju/1920x1080px/SunSetter_Powerscreen_Inside-Out_CreamFrame-SSSolarScreen_10P_CaramelCream_v2_0124.jpeg? keep=c&crop=yes&quality=80&u=l4br6w","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/porch--patio-problem-solving-guide/"},{"id":"b0961bdb-b107-4e9a-8ec3-589598da5161","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"Benefits of Freestanding Awnings","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/me9jhpyecv/1920x1080px/Oasis24_DSC0220.jpeg?keep=c&crop=yes&quality=80&u=l4br6w","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/benefits-of-freestanding-awnings/"},{"id":"0fa15f49-f19e-47e2-9180-c47589dc1043","articleCategories":[{"id":3,"name":"Awnings"},{"id":4,"name":"EasyShades"},{"id":7,"name":"EasyScreens"}],"articleTitle":"7 Reasons Why You Should Work With an Authorized SunSetter Dealer","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/pemc5qwwev/1920x1080px/ sunsetter-dealer-ls19.jpeg?keep=c&crop=yes&quality=80&u=l4br6w","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/7-reasons-why-you-should-work-with-an-authorized-sunsetter-dealer/"},{"id":"edca239c-ef98-4024-9677-03a12e4a39c3","articleCategories":[{"id":3,"name":"Awnings"},{"id":4,"name":"EasyShades"},{"id":6,"name":"Warranties"},{"id":7,"name":"EasyScreens"}],"articleTitle":"Why You Should Choose SunSetter Over Any Other Awning Competitor","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/3xlanmchzv/1920x1080px/ SunSetter-CS24-SSPro-18.jpeg?keep=c&crop=yes&quality=80&u=l4br6w","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/why-you-should-choose-sunsetter-over-any-awning-competitor/"},{"id":"0c2b9c68-5d6a-43db-8968-ae6c0915b369","articleCategories":[{"id":3,"name":"Awnings"},{"id":8,"name":"Fabrics"}],"articleTitle":"The Importance of Awning Maintenance","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/gfiagdjr3r/1920x1080px/SunSetter-CS24-SSPro-10.jpeg? keep=c&crop=yes&quality=80&u=l4br6w","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/the-importance-of-awning-maintenance/"},{"id":"3ffc16b6-5a74-4c31-88f5-f1010b241f87","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"4 Advantages of Choosing a Motorized Retractable Awning","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/7rj2r5vi6t/1920x1080px/SunSetter-WebAlt22-NonSemiMotor-Laminate-Taupe.jpeg?crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/4-advantages-of-choosing-a-motorized-retractable-awning/"},{"id":"b99b65ee-8b19-48c4-99cf-a047c286d96f","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"Retractable Awning Options for Large Patios","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/t5ui5attod/1920x1080px/SunSetter_Non-SemiPROwHood_WovenAcrylic-IronStripe_v2_1022.jpeg?crop=true&keep=c&q=60","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/retractable-awning-options-for-large-patios/"},{"id":"379439d2-51ef-4075-a8ba-e926463a868f","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"9 Reasons You Need an Outdoor Oasis","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/6vwid1ulx9/1920x1080px/SunSetter-LS21-PlatMotorPRO-StormStripe-03.jpeg?crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/9-reasons-you-need-an-outdoor-oasis/"},{"id":"f62d09ed-c806-403b-935b-c62869f66fa3","articleCategories":[{"id":7,"name":"EasyScreens"},{"id":8,"name":"Fabrics"}],"articleTitle":"How to Choose the Right Retractable Screen Fabric","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/zelgoy5lzf/1920x1080px/EasyScreen Fabric Comparison.jpeg? crop=true&keep=c&q=120","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/how-to-choose-the-right-retractable-screen-fabric/"}
1360,{"id":"12a0f582-7dcb-4099-abda-690d40e86a72","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"Which Retractable Awning is Right for Me?","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/8whaysaeye/1920x1080px/SunSetter-LS21-PlatMotorPRO-StormStripe-14.jpeg? crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/which-retractable-awning-is-right-for-me/"},{"id":"dd8e50fd-5b52-47e5-9d91-a1081ca5d22d","articleCategories":[{"id":3,"name":"Awnings"},{"id":8,"name":"Fabrics"}],"articleTitle":"How To Replace Awning Fabric","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/bgmmfy1twi/1920x1080px%402x/19-11058 SunSetter XL Awning 01.jpeg?keep=c&crop=yes&quality=80&u=l4br6w\">","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/how-to-replace-awning-fabric/"},{"id":"de7dd32c-75a4-49e8-ac3c-a1821c7f0252","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"How to Get Your Awning Ready for the Season","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/ghhecooegf/1920x1080px/Accessories-Cleaning-Kit.jpeg?crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/How-to-Get-Your-Awning-Ready-for-the-Season/"},{"id":"9dcaf1ca-2351-4992-90f1-d01fbcf9f050","articleCategories":[{"id":3,"name":"Awnings"},{"id":9,"name":"Accessories"}],"articleTitle":"The Benefits of a Wireless Wind Sensor","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/ss6pwadtgv/1920x1080px/SunSetter-PA22-Model-Fabric for the Sunsetter-V12.jpeg?crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/Benefits-of-a-Wireless-Wind-Sensor/"},{"id":"ca6647a0-8fe1-4046-a84c-6a355d56d9aa","articleCategories":[{"id":3,"name":"Awnings"},{"id":8,"name":"Fabrics"}],"articleTitle":"How Do I Choose the Right Fabric for My Awning?","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/uhuxhuib0k/1920x1080px/sunsetter-dealer-ls19-v2.jpeg?crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/Choose-the-Right-Fabric-for-My-Awning/"},{"id":"a5a63dd0-07ce-48aa-b5cd-502025436a82","articleCategories":[{"id":3,"name":"Awnings"},{"id":4,"name":"EasyShades"},{"id":6,"name":"Warranties"}],"articleTitle":"Above and Beyond Protection","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/suqboultix/1920x1080px/SunSetter-LS21-PlatMotorPRO-StormStripe-05.jpeg? crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/Above-and-Beyond-Protection/"}
1360,{"id":"1cac2c92-bda1-47ee-aa21-35f09d1f66d7","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"Which Mounting Style is Best for Your Home?","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/obroyfdot4/1920x1080px/SunSetter-PA22-Model-Fabric for the Sunsetter-V9.webp?crop=true&keep=c&q=90","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/which-mounting-style-is-best-for-your-home/"},{"id":"0b0b5a52-b491-4dc1-a076-a22a88ae5789","articleCategories":[{"id":4,"name":"EasyShades"},{"id":7,"name":"EasyScreens"}],"articleTitle":"What’s the Difference Between an EasyScreen and an EasyShade?","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/edajsmeqxs/1920x1080px/EasyScreen-vs-EasyShade.jpeg?position=c&crop=no&color=ffffffff&quality=80&u=u4pew1","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/EasyScreen-vs-EasyShade/"},{"id":"83b35c21-b68a-4735-a07c-df2cf45c8a71","articleCategories":[{"id":7,"name":"EasyScreens"}],"articleTitle":"Introducing NEW EasyScreen™ Retractable Screen Systems from SunSetter","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/ys4lslkvkz/1920x1080px/SunSetter_Powerscreen_Inside-Out_BronzeFrame-SSSolarScreen_5P_Mocha_0124.jpeg?crop=true&keep=c&q=100","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/NEW-EasyScreens-from-SunSetter/"},{"id":"90958675-b053-414f-8129-1507b23ac276","articleCategories":[{"id":4,"name":"EasyShades"}],"articleTitle":"What is an Exterior Solar Shade?","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/xxvey5m25h/1920x1080px/Exterior Solar Shade.jpeg?position=c&crop=no&color=ffffffff&quality=80&u=u4pew1","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/what-is-an-exterior-solar-shade/"},{"id":"fec387db-33bf-484c-8a75-545715be38b0","articleCategories":[{"id":3,"name":"Awnings"}],"articleTitle":"What is an Awning?","articleExcerpt":"","primaryImage":"https://embed.widencdn.net/img/springswindowfashions/gj9qgzlsjl/1920x1080px/SunSetter-LS21-PlatMotorPRO-StormStripe-16.jpeg?crop=true&keep=c&q=90","primaryImageAltTag":"","articleLink":"/cm/sunsetter-blog/what-is-an-awning/"}],
1361            articlesListLinkText: 'Read More',
1362            filterLabel: 'Filter By Topic',
1363            filters: {"categoryFilter":{"name":"Categories","order":1,"active":false,"options":[{"type":"checkbox","id":"3","name":"Awnings","inputName":"category-option-3","value":"Awnings","image":"","isChecked":false},{"type":"checkbox","id":"9","name":"Accessories","inputName":"category-option-9","value":"Accessories","image":"","isChecked":false},{"type":"checkbox","id":"4","name":"EasyShades","inputName":"category-option-4","value":"EasySha
1363des","image":"","isChecked":false},{"type":"checkbox","id":"7","name":"EasyScreens","inputName":"category-option-7","value":"EasyScreens","image":"","isChecked":false},{"type":"checkbox","id":"8","name":"Fabrics","inputName":"category-option-8","value":"Fabrics","image":"","isChecked":false},{"type":"checkbox","id":"6","name":"Warranties","inputName":"category-option-6","value":"Warranties","image":"","isChecked":false}]}},
1364            filterSelectAllLabel: 'All Articles',
1365            noResultsMessage: 'Sorry, there are no articles to show.',
1366        }
1367    </script>
1367
1368    
1368<script src="/assets/dist/js/react.production.min.js"></script>
1368
1369    
1369<script src="/assets/dist/js/react-dom.production.min.js"></script>
1369
1370    
1370<script src="/assets/dist/js/prop-types.min.js"></script>
1370
1371    
1371<script src="/assets/dist/js/client.bundle.min.js?cache=04302026"></script>
1371
1372
1373</body>
1374</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.