WestNet Wireless - Calgary Wi-Fi Coverage

/* ======================================================= ACTION NEWS — HEADER + LAYOUT (Polished Quantum Edition) - Mobile Hamburger/Menu: Refined - absolute positioning below header, better spacing, borders, no overlays (z-index high, content padded). - Items: Full width, left-aligned, padded, subtle borders for clean look. - Dropdowns: Static/visible on mobile for simplicity, indented sub-items. - No glitching: Menu expands smoothly without overlapping header elements. - Overall: Cleaner arrangement, focused on mobile menu aesthetics. ======================================================= */ :root{ --brand-blue:#0f61d8; --header-text:#fff; /* fallbacks; JS writes real px */ --h-topbar:18px; --h-main:42px; --h-secnav:22px; --h-ticker:18px; --h-title:0px; --content-offset: calc(var(--h-topbar) + var(--h-main) + var(--h-secnav) + var(--h-ticker) + var(--h-title)); } /* Reset / base */ *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:var(--content-offset);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale} body{font-family:'Roboto',sans-serif;background:#fff;color:#000;overflow-x:hidden;transition:background-color .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s cubic-bezier(0.4, 0, 0.2, 1)} body.dark-mode{background:#000;color:#fff} a{color:#1a73e8;text-decoration:none;transition:color .2s cubic-bezier(0.4, 0, 0.2, 1)} a:hover{color:#0c47b7;text-decoration:underline} /* Helper for included wrappers */ .with-fixed-header{margin-top:var(--content-offset)!important} /* Header stack (fixed) - Sticky across all pages */ .site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--brand-blue);color:#fff} .top-bar,.main-header,.secondary-nav,.news-ticker{background:var(--brand-blue);color:var(--header-text)} .top-bar a,.main-header a,.secondary-nav a,.news-ticker a{color:#fff} /* ---------- Top bar: Integrated actions ---------- */ .top-bar{ position:fixed;top:0;left:0;right:0;z-index:1006; display:flex;align-items:center;justify-content:space-between; padding:0 clamp(4px, 1vw, 6px);font-size:clamp(0.75em, 0.9vw, .82em);white-space:nowrap;overflow:hidden;transition:padding .3s cubic-bezier(0.4, 0, 0.2, 1); height: auto; min-height: 18px; } .top-left{display:flex;align-items:center;gap:clamp(2px, 0.5vw, 6px);min-width:0;flex-shrink:0;} .top-center{flex:1;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1px, 0.3vw, 2px);min-width:0;flex-shrink:1;overflow:hidden;transition:gap .3s cubic-bezier(0.4, 0, 0.2, 1);} .top-actions{display:flex;align-items:center;gap:clamp(2px, 0.5vw, 6px);margin-right:clamp(5px, 1vw, 10px);} .top-right{display:flex;align-items:center;gap:clamp(2px, 0.5vw, 4px);flex-shrink:0;} .icon-btn{background:transparent;border:0;color:#fff;cursor:pointer;transition:color .2s cubic-bezier(0.4, 0, 0.2, 1);} .icon-btn:hover{color:#ccc;} .hamburger{background:transparent;border:0;color:#fff;display:none;transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1);} .hamburger:hover{transform:scale(1.1);} .pipe{margin:0 clamp(1px, 0.2vw, 3px);font-size:clamp(0.7em, 0.85vw, .9em);} /* ---------- Main header ---------- */ .main-header{ position:fixed;top:var(--h-topbar);left:0;right:0;z-index:1005; display:flex;align-items:center;justify-content:space-between;gap:0; padding:clamp(1px, 0.5vw, 2px) clamp(4px, 1vw, 6px);box-shadow:0 1px 2px rgba(0,0,0,.08);transition:padding .3s cubic-bezier(0.4, 0, 0.2, 1); height: auto; min-height: 42px; } .brand{display:flex;align-items:center;gap:clamp(2px, 0.5vw, 6px);min-width:0;flex-shrink:0;transition:gap .3s cubic-bezier(0.4, 0, 0.2, 1);} .brand img{width:clamp(36px, 5vw, 48px);height:auto;border-radius:50%;display:block;transition:width .3s cubic-bezier(0.4, 0, 0.2, 1);} .logo-text{ font-family:'Playfair Display',serif;font-weight:900; font-size:clamp(1.5rem, 2.4vw, 1.7rem);letter-spacing:0.2px;line-height:1; color: #fff; text-shadow:0 0.5px 1px rgba(0,0,0,.15); transition:font-size .3s cubic-bezier(0.4, 0, 0.2, 1), text-shadow .3s cubic-bezier(0.4, 0, 0.2, 1); } /* Primary nav - Centered on desktop, full on mobile */ .primary-nav{flex:1;display:flex;justify-content:center;align-items:center;} .primary-nav ul{list-style:none;display:flex;align-items:center;gap:clamp(4px, 1vw, 8px);flex-wrap:nowrap;transition:gap .3s cubic-bezier(0.4, 0, 0.2, 1);} .primary-nav li{position:relative} .primary-nav a{font-weight:500;font-size:clamp(0.8em, 1vw, .9em);transition:color .2s cubic-bezier(0.4, 0, 0.2, 1);} .primary-nav a:hover{text-decoration:underline;} .primary-nav .dropdown-menu{ display:none;position:absolute;top:100%;left:0;min-width:140px; background:var(--brand-blue);border:none;border-radius:4px;box-shadow:0 5px 12px rgba(0,0,0,.2);z-index:1015;transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1); } .primary-nav li:hover>.dropdown-menu{display:block;opacity:1;} .dropdown-menu a{display:block;padding:6px 10px;color:#fff;transition:background .2s cubic-bezier(0.4, 0, 0.2, 1);} .dropdown-menu a:hover{background:rgba(255,255,255,.1)} /* Search */ .search-bar{flex-shrink:0;display:flex;justify-content:flex-end;min-width:100px;transition:flex .3s cubic-bezier(0.4, 0, 0.2, 1);} .search-bar form{display:flex;align-items:center;transition:width .3s cubic-bezier(0.4, 0, 0.2, 1);} .search-bar input[type="text"]{ width:100%;max-width:180px;padding:3px 6px;border:1px solid rgba(255,255,255,.6);border-right:0; border-radius:14px 0 0 14px;background:#fff;color:#000;outline:none;transition:width .3s cubic-bezier(0.4, 0, 0.2, 1), padding .3s cubic-bezier(0.4, 0, 0.2, 1);font-size:.88em } .search-bar input::placeholder{color:#666} .search-bar input:focus{width:100%;} .search-bar button{padding:3px 6px;border:0;background:#0c47b7;color:#fff;border-radius:0 14px 14px 0;cursor:pointer;transition:background .2s cubic-bezier(0.4, 0, 0.2, 1);} .search-bar button:hover{background:#083a98} /* ---------- Secondary nav ---------- */ .secondary-nav{ position:fixed;top:calc(var(--h-topbar) + var(--h-main));left:0;right:0;z-index:1003; display:flex;align-items:center;justify-content:center;padding:clamp(1px, 0.5vw, 2px) clamp(4px, 1vw, 6px);transition:padding .3s cubic-bezier(0.4, 0, 0.2, 1); height: auto; min-height: 22px; } .secondary-nav ul{list-style:none;display:flex;gap:clamp(6px, 1.5vw, 10px);flex-wrap:wrap;align-items:center;font-size:clamp(0.8em, 1vw, .88em);justify-content:center;transition:gap .3s cubic-bezier(0.4, 0, 0.2, 1);} .live-indicator{display:inline-flex;align-items:center;background:#e53935;color:#fff;padding:2px 6px;border-radius:12px;font-size:clamp(0.7em, 0.9vw, .78em);transition:padding .3s cubic-bezier(0.4, 0, 0.2, 1);} .live-dot{width:5px;height:5px;border-radius:50%;background:#fff;margin-right:3px;animation:pulse 1.4s infinite;} @keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}100%{transform:scale(1);opacity:1}} /* ---------- Ticker ---------- */ .news-ticker{ position:fixed;top:calc(var(--h-topbar) + var(--h-main) + var(--h-secnav));left:0;right:0;z-index:1002; padding:clamp(0, 0.3vw, 1px) clamp(4px, 1vw, 6px);border-top:1px solid rgba(255,255,255,.14);overflow:hidden;font-size:clamp(0.75em, 0.9vw, .82em);transition:padding .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:grab; height: auto; min-height: 18px; user-select: none; } .news-ticker:active { cursor: grabbing; } .news-ticker ul{ display:flex;gap:clamp(8px, 2vw, 16px);list-style:none;white-space:nowrap; will-change: transform; /* Optimize for smooth animation */ } .news-ticker ul a { transition: color .2s cubic-bezier(0.4, 0, 0.2, 1); } @media (max-width: 768px){ .news-ticker ul{gap:clamp(6px, 1.5vw, 12px);} } @media (max-width: 420px){ .news-ticker ul{gap:clamp(4px, 1vw, 8px);} } @media (prefers-reduced-motion:reduce){ .news-ticker ul{transition: none;} } /* ---------- Title area ---------- */ .title-area{ position:fixed;top:calc(var(--h-topbar) + var(--h-main) + var(--h-secnav) + var(--h-ticker));left:0;right:0;z-index:1001; background:var(--brand-blue);color:#fff;text-align:center;padding:clamp(2px, 0.5vw, 4px) clamp(4px, 1vw, 6px);font-size:1em;font-weight:500; display:none; word-break:break-word; overflow:hidden; text-overflow:ellipsis; white-space:normal;transition:padding .3s cubic-bezier(0.4, 0, 0.2, 1); } .title-area:not(:empty){display:block;} /* ---------- Mobile tweaks: Condense, fix overlays, ensure hamburger populated ---------- */ @media (max-width: 992px){ .home-link{display:none;} .webmail-link{display:none;} .logo-text{display:block;} .hamburger{display:inline-block;font-size:1.2em;} .top-bar{padding:0 clamp(2px, 0.8vw, 4px);gap:clamp(1px, 0.3vw, 2px);font-size:clamp(0.7em, 0.85vw, .8em); flex-wrap:wrap; justify-content:space-between;} .top-left{gap:clamp(1px, 0.3vw, 4px);} .top-center{flex-wrap:wrap; gap:clamp(0, 0.2vw, 1px); font-size:clamp(0.65em, 0.8vw, .75em); text-align:center; width:100%; order:3; margin-top:clamp(1px, 0.5vw, 2px);} .top-actions{gap:clamp(1px, 0.3vw, 4px);margin-right:clamp(4px, 0.8vw, 8px); order:4;} .top-right{gap:clamp(1px, 0.3vw, 3px); order:5;} .main-header{padding:clamp(1px, 0.5vw, 2px) clamp(2px, 0.8vw, 4px);gap:clamp(2px, 0.5vw, 6px); justify-content:space-between; flex-wrap:wrap;} .search-bar{order:3; width:100%; margin-top:clamp(2px, 0.8vw, 4px); justify-content:center;} .search-bar input[type="text"]{max-width:100%; width:clamp(150px, 80vw, 200px);} .secondary-nav{display:none;} .news-ticker{padding:0 clamp(2px, 0.8vw, 4px); cursor: grab;} .title-area{padding:clamp(1px, 0.4vw, 3px) clamp(2px, 0.8vw, 4px);font-size:clamp(0.8em, 1vw, .9em);max-height:40px;} /* Refined Mobile Menu/Hamburger */ .primary-nav { order: 2; position: absolute; top: calc(var(--h-topbar) + var(--h-main)); left: 0; right: 0; background: var(--brand-blue); z-index: 1007; /* High z to avoid overlays */ margin: 0; display: block; width: 100%; } .primary-nav ul { flex-direction: column !important; gap: 0; padding: 0; margin: 0; list-style: none; background: var(--brand-blue); max-height: 0; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .primary-nav.active ul { max-height: 500px; padding: 10px 0; } .primary-nav li { display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative; } .primary-nav li:last-child { border-bottom: none; } .primary-nav a { display: block; padding: 12px 20px; text-align: left; font-size: 1em; font-weight: 500; color: #fff; transition: background 0.2s ease; } .primary-nav a:hover { background: rgba(255,255,255,0.05); text-decoration: none; } .primary-nav .fa-caret-down { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } /* Submenu on mobile: Indented, always visible when parent open */ .primary-nav .dropdown-menu { position: static; display: none; box-shadow: none; background: rgba(0,0,0,0.2); border-radius: 0; margin: 0; padding: 0; min-width: auto; opacity: 1; } .primary-nav .dropdown.active .dropdown-menu { display: block; } .primary-nav .dropdown-menu li { border-bottom: 1px solid rgba(255,255,255,0.05); } .primary-nav .dropdown-menu a { padding-left: 40px; font-size: 0.95em; font-weight: 400; } /* Mobile WebMail styling - Prominent first item */ .primary-nav .mobile-webmail { font-size: 1.1em; font-weight: 600; border-bottom: 2px solid rgba(255,255,255,0.3); padding: 15px 20px !important; background: rgba(255,255,255,0.05); margin-bottom: 5px; } } /* Additional breakpoints for robustness */ @media (max-width: 768px) { .top-bar { min-height: 16px; } .main-header { min-height: 38px; } .secondary-nav { min-height: 20px; } .news-ticker { min-height: 16px; font-size: 0.78em; } .primary-nav a { padding: 10px 15px; } } @media (min-width: 993px){ .top-right .fab, .top-right .fas{font-size:1.2em;} .main-header{justify-content:space-between;} .primary-nav ul{gap:clamp(6px, 1.2vw, 12px);} .secondary-nav ul{gap:clamp(8px, 1.5vw, 14px);} .news-ticker ul{gap:clamp(10px, 2vw, 20px);} .webmail-link{display:block;} } /* ---------- Content helpers ---------- */ .container{max-width:100%;margin:0 auto} .main-content{max-width:1200px;margin:var(--content-offset) auto 20px auto;padding:0 15px;overflow:hidden} .main-content img,.main-content iframe,.main-content video{max-width:100%;height:auto} /* ---------- Footer ---------- */ footer{background:#fff;padding:15px 10px;border-top:1px solid #e0e0e0;text-align:center;color:#000;margin-top:60px} body.dark-mode footer{background:#000;border-top:1px solid #222;color:#fff} WestNet Wireless - Calgary Wi-Fi Coverage

@WestNet.ca WebMail

WestNet Subscriber Start Home Page Temperature in Calgary:

Calgary Wi-Fi Coverage

Updated: Spring 2013

We are always expanding. This coverage is based off of line of sight to our towers.
Prior to calling in, check to see if you have the Wi-Fi SSID "WestNet Wireless" or "WestNet City Wi-Fi" on your device.

Also you may visit the Support Forums

The above link is being provided as a convenience and for informational purposes only; it does not constitute an endorsement or an approval by WestNet Wireless of any of the products, services or opinions of the corporation or organization or individual. WestNet Wireless bears no responsibility for the accuracy, legality or content of the external site or for that of subsequent links. Contact the external site for answers to questions regarding its content.

Part of the Verizon Global Network General Info