/* * These styles apply ONLY to the header and footer assets. */ } body:hover { color: #0276b3; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ /* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ .Panel{ width:250px } .MainContent.Content{ width:calc(100% - 290px); } .Box.Tags{ display:none; } #vanilla_discussion_embed .mcrow{ display:none; } @media screen and (max-width:992px){ .Panel,.MainContent.Content { width:100%!important } } @media only screen and (max-width:700px){ .MainContent center img { width:100% } } .CategoryHeading .ItemContent{ font-size:28px } .Item .TitleWrap .Title { font-size:20px !important; } .Meta-Discussion{ background:#f7f7f7; border:1px solid #efefef; padding:5px; margin:0 } .Header-desktopNav .Navigation-linkContainer a{ font-family:barlow; font-size:16px } .Header-desktopNav .Navigation-linkContainer a:active,.Header-desktopNav .Navigation-linkContainer a:focus,.Header-desktopNav .Navigation-linkContainer a:hover{ background:#231f20; } .Header .MeButton:active,.Header .MeButton:focus,.Header .MeButton:hover{ background-color:#231f20; } .ButtonGroup.Multi>.Button:first-child{ border-radius:0 } .BoxFilter,.BoxCategories{ background:#fff; padding:5px; border:1px solid #ccc; border-radius:10px; margin:20px 0 } .BoxFilter-Heading,.Panel .BoxCategories>h4{ width:auto; padding:5px 10px 10px; margin:0 -5px; border-bottom:1px solid #ccc; border-radius:0; font-family:barlow,sans-serif; } .side-promo{ margin:20px 0; width:100%; text-align:center; } .build-submit-tile,.build-showcase-tile{ margin-top:20px; border:2px solid #d9e7f4; border-radius:10px; background:#fff; padding:15px } .build-showcase-tile-link{ border:1px solid #e2e2e2; background:#f5f5f5; display:block; font-size:16px; text-align:center; padding:5px 10px } .build-submit-tile hr{ border:0; height:0; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.3); margin:20px 0 15px } .build-submit-tile h4,.build-showcase-tile h4{ color:#353535; line-height:1 } .build-showcase-tile h4{ color:#24883e } .build-submit-tile p,.build-showcase-tile p{ font-weight:600; color:#797676; margin:10px 5px } .build-submit-tile a{ border:1px solid #135d93; padding:5px 10px; width:90%; margin:0 auto; text-align:center; display:block } .build-showcase-tile a:first-child{ } .BoxCategories-Heading a{ font-size:18px } .BoxCategories.BoxCategories ul.FilterMenu li .ItemLink.appointment-btn{ width:92%; padding:5px 10px; margin:10px auto 15px; border-radius:0; display:block; background:#135d93; color:#fff; text-align:center; } .BoxCategories ul{ margin:0 5px } body.Section-Profile .Panel-main .PhotoWrapLarge{ margin-bottom:0 } .Panel{ padding:10px; background:#eee; } .Header{ background-color:#3a3738; } .Header-logo img{ max-height:35px; padding-right:20px } h4{ font-size:24px } .Panel-main h2,.Panel-main h4{ font-size:20px } .Panel h4{ padding:0 } .CategoryHeading,.Item .TitleWrap,.Item .Title,.heading,h1,h2,h3,h4,h5,h6{ font-family:barlow,sans-serif; font-weight:500!important } .DataList .Item .Title,.DataList .MItem a,.BoxCategories.BoxCategories a,.BoxFilter:not(.BoxBestOfFilter) a{ color:#135d93; } .BoxButtons .Button.Primary{ background:#135d93; } .Number{ color:#c74800; } .CategoryHeading,.Item .Title,.Item.Read .Title,.CategoryName h2,.Item .TitleWrap,[aria-level="3"] a{ color:#172b44 } .DataList.CategoryList .CategoryHeading{ padding-top:20px!important } .DataList.CategoryList .CategoryHeading:first-child{ padding-top:0!important } .DataList .CategoryHeading{ font-size:24px } .BoxButtons .Button.Primary,.groupToolbar .Button.Primary{ background:#135d93; border:0; color:#fff } .ButtonGroup.Multi .Button.Handle,.ButtonGroup.Multi.Open .Button.Handle{ background-color:transparent; color:#fff; border:0; border-radius:0 } .Pager .QuickSearchButton,.Pager .QuickSearchWrap .Button{ background:#b3d4fc; border:1px solid #b3d4fc; color:#000; } .build-submit-tile{ border:2px solid #d9e7f4; border-radius:10px; background:#fff; padding:10px 10px 20px } .build-submit-tile hr{ border:0; height:0; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.3); margin:20px 0 15px } .build-submit-tile h3{ font-size:20px; color:#ca500f; line-height:1 } .build-submit-tile p{ font-weight:600; color:#797676; margin:10px 5px } .build-submit-tile a{ border:1px solid #135d93; padding:5px 10px; width:90%; margin:0 auto; text-align:center; display:block; } .builds-keywords{ border-radius:0 0 8px 8px; margin:-15px; margin-top:15px; background:#efefef; padding:10px 15px 14px; border-top:1px solid #d9e7f4 } .builds-keywords h5{ margin-bottom:7px } .builds-keywords a{ border:0; display:block; padding:2px 5px; width:89%; background:#757575; color:#fff; margin:2px auto; text-align:center; } .builds-keywords a:hover{ background:#135d93; color:#fff; } .BuildPromo-container{ padding:10px; margin-top:20px; border:1px solid #ccc; background:#dadada; } .BuildPromo-container h2{ font-size:24px; color:#983b0a; } .BuildPromo-container h3{ font-size:20px; margin-bottom:10px; color:#525252; } .BuildPromo-container p{ font-weight:700; margin-bottom:20px; text-align:center; color:#0f670b; font-size:14px } .BuildPromo-container a{ font-weight:600; display:block; padding:5px 10px; width:80%; margin:0 auto; text-align:center; color:#135d93; border:1px solid #135d93 } .Panel .UserBox{ background:#fff; padding:10px; border-radius:10px 10px 0 0; border:1px solid #ccc; border-bottom:0 } .Panel .UserBox+.SideMenu{ margin-top:0; border:1px solid #ccc; background:#fff; padding:10px; border-radius:0 0 10px 10px } .Panel .UserBox+.SideMenu li a{ color:#135d93; } a,a:focus,a:hover{ color:#215cbb; } a{ text-decoration:none; color:#215cbb; } .Header-logo.mobile img{ max-height:35px; padding-right:20px } .Header.mobile{ background-color:#666; } .Message.userContent img{ height:auto; max-width:600px; display:block; } .Header-logo img{ max-height:32px } .mcrow{ display:flex; align-items:flex-end; } a.mclogo{ margin: 10px 0; display:block; height:auto; } .mclogo img{ display:block; } ul.mc-menu{ width:100%; margin:auto 0; display:flex; list-style: none; } ul.mc-menu a{ font-size:16px; font-family:barlow; font-weight:500; color:#135d93; } ul.mc-menu li.menu-item a:hover{ color:#0291db; } ul.mc-menu li{ margin-left:15px } ul.mc-menu li.menu-item.menu-computers{ margin-left:auto; } @media only screen and (max-width:700px){ ul.mc-menu li.menu-item.menu-computers { display:none; } } @media only screen and (max-width:480px){ .menu-computer-parts { display:none; } ul.mc-menu li.menu-diy{ margin-left: 7px; } ul.mc-menu li.menu-custom-pc-builder{ margin-left: 7px; } } @media only screen and (max-width:700px){ .Message.userContent img { max-width:calc(100% - 10px); } }

Knowledge Base

How to customize the Menu Bar in Mac OS X El Capitan

This article will show how to move, add and delete icons to the upper right hand corner of the Mac OS X Menu Bar to maximize personalization.

To move an icon:

1. To move the position an icon is in, hold down the CMD key and click then drag the mouse to the right or left.

To add an icon:

1. Click on the Apple icon in the Menu Bar, then System Preferences.

Mac OS X Home Screen, Apple, System Preferences

2. Select the desired system preference. In this example, the desired system preference is the volume, which is located in Sound.

3. Check the box by Show volume in menu bar to enable it.

To delete an icon:

Hold down the CMD key and click then drag the icon off of the Menu Bar, or down to the desktop.