489495df
MSV FM
MSV FM
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8" />
<!-- v19044 -->
<title>Headers– M&N Web Support</title>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="C:\xampp\htdocs\s\style.css" />
<link rel="canonical" href="https:https://support.mandnweb.com/categories/360003107213-Getting-Started" />
<link rel="alternate" hreflang="en" href="https:https://support.mandnweb.com/categories/360003107213-Getting-Started" />
<link rel="alternate" hreflang="es" href="https:https://support.mandnweb.com/hc/es-419/categories/360003107213-Introducci%C3%B3n" />
<link rel="alternate" hreflang="pt" href="https:https://support.mandnweb.com/hc/pt-br/categories/360003107213-Introdu%C3%A7%C3%A3o" />
<link rel="stylesheet" media="all" href="https://support.mandnweb.com/style3.css" id="stylesheet" />
<!-- Entypo pictograms by Daniel Bruce — www.entypo.com -->
<link rel="stylesheet" media="all" href="/STYLE2.CSS" />
<link rel="stylesheet" type="text/css" href="/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<script src="//static.zdassets.com/hc/assets/jquery-d5395f0b7ac5027403fc17855c46dbfc.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-7265702-1', 'auto');
ga('send', 'pageview');
</script>
<!-- add code here that should appear in the document head -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="yMnWevXuYeFZaYlCbLARWsCmIB4P49BfutMw7C-QGlE" />
<meta name="google-site-verification" content="lhnotTD1lFQyygdB0p4zoTwEJt54b6hxRsT2esJWo1Q" />
<meta class="swiftype" name="source" data-type="string" content="Support Portal" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- swiftype assets -->
<script src="//theme.zdassets.com/theme_assets/71353/98a6a38ac0f676c4097971de1733c09909d2c4b1.js" charset="utf-8" async defer></script>
<script src="//theme.zdassets.com/theme_assets/71353/37f4c3e76225b8449028b41fd489f11a907e71d9.js" async defer charset="utf-8"></script>
<script type="text/javascript" src="//theme.zdassets.com/theme_assets/71353/f36d7b1b3c94475c1d07d525e1ccd309deaec1cc.js"></script>
<script type='text/javascript' src='//theme.zdassets.com/theme_assets/71353/ac77a77748e4f2ef16af3113e1dbd098490ce2ac.js'></script>
<script type="text/javascript" src="//theme.zdassets.com/theme_assets/71353/5fb9d31e4258f8aea8a952fc0948d3da76bd8abe.js"></script>
<!--testing localize.js -->
<script src="https://global.localizecdn.com/localize.js"></script>
<script>!function(a){if(!a.Localize){a.Localize={};for(var e=["translate","untranslate","phrase","initialize","translatePage","setLanguage","getLanguage","detectLanguage","getAvailableLanguages","untranslatePage","bootstrap","prefetch","on","off"],t=0;t<e.length;t++)a.Localize[e[t]]=function(){}}}(window);</script>
<script>
Localize.initialize({
key: 'xHdDnaYF6jmCt',
rememberLanguage: true
});
</script>
<!--testing localize.js -->
<script type="text/javascript" src="//p23.zdassets.com/hc/theming_assets/71353/360003507153/script.js?digest=360659752193"></script>
</head>
<body class="">
<header class="header">
<div class="clearfix header-nav">
<div class="logo" role="banner"><a href="https://www.mandnweb.com"><img src="/imagess/mnn.png" style="margin-top:-3%;"><defs><style>.support-cls-1{fill:#f66035;}.support-cls-2{fill:#fff;}</style></defs><path class="support-cls-1" d="M216.42,85.27a10.13,10.13,0,0,1-10.2,10.08H10.2A10.14,10.14,0,0,1,0,85.27V10.09A10.15,10.15,0,0,1,10.2,0h196a10.14,10.14,0,0,1,10.2,10.09Z"/><path class="support-cls-2" d="M55.36,59.63v-5.7c-.48-3.93-3-6.24-7.47-6.92q-8.52.68-9.59,8.75.36,9.84,9.59,10.2c4.51-.71,7-2.82,7.47-6.33m10-38.28V74h-10V71.23A13.6,13.6,0,0,1,47.54,74q-8.17,0-13-5.27a18.17,18.17,0,0,1,0-24.61q4.8-5.26,13-5.27,5.33.34,7.82,2.85V21.32Z"/><path class="support-cls-2" d="M95.47,61.56V38.86h10V74h-10v-3.2A12.44,12.44,0,0,1,87,74q-6.76,0-10.31-4a13.67,13.67,0,0,1-3.55-9.31V38.86H83V58.19a7.75,7.75,0,0,0,1.77,5.44,7.26,7.26,0,0,0,5.37,2q3.09-.21,5.29-4.11"/><path class="support-cls-2" d="M137.79,59.63v-5.7q-.71-5.9-7.46-6.92-8.54.68-9.59,8.75.35,9.84,9.59,10.2,6.75-1.06,7.46-6.33m10-38.28V74h-10V71.23A13.58,13.58,0,0,1,130,74q-8.16,0-13-5.27a18.17,18.17,0,0,1,0-24.61q4.78-5.26,13-5.27c3.56.23,6.16,1.18,7.82,2.85V21.32Z"/><path class="support-cls-2" d="M176.7,63.5v-4q-1.42-2.7-6.75-2.7-6.4.7-6.75,4.92.35,4.18,6.75,4.53,5.33,0,6.75-2.77M157.16,43.11a28.89,28.89,0,0,1,15.63-4.22q6.39,0,10.13,3.51T186.65,53V74h-10V71.23Q172.37,74,168.88,74q-7.11,0-10.66-3a10.19,10.19,0,0,1-3.55-8.26A13,13,0,0,1,158,54q3.36-3.86,10.85-3.86a18.27,18.27,0,0,1,7.82,2.11V51.19c0-2.57-1.94-4-5.69-4.22q-6.39,0-9.95,2.11Z"/><path class="support-cls-2" d="M244.7,73.17a21.31,21.31,0,0,1-7.86-4l3-6.64a23.45,23.45,0,0,0,6.94,3.65A25.29,25.29,0,0,0,255,67.58q5.13,0,7.66-1.64a5,5,0,0,0,2.53-4.35,4.2,4.2,0,0,0-1.41-3.25,9.8,9.8,0,0,0-3.59-2c-1.44-.48-3.42-1-5.92-1.64a70.7,70.7,0,0,1-8.52-2.5,14.08,14.08,0,0,1-5.59-3.92,10.54,10.54,0,0,1-2.34-7.2,12.28,12.28,0,0,1,2.08-6.94,14,14,0,0,1,6.25-5,25.26,25.26,0,0,1,10.23-1.84,33.17,33.17,0,0,1,8.29,1.05,23.07,23.07,0,0,1,7,3L269,38a27.1,27.1,0,0,0-6.31-2.7,23.89,23.89,0,0,0-6.39-.92q-5.07,0-7.53,1.71a5.27,5.27,0,0,0-2.47,4.54,4.1,4.1,0,0,0,1.42,3.23,10.24,10.24,0,0,0,3.58,2q2.17.72,5.92,1.64A63,63,0,0,1,265.65,50a14.41,14.41,0,0,1,5.63,3.92,10.29,10.29,0,0,1,2.34,7.1,12.07,12.07,0,0,1-2.08,6.91,14.09,14.09,0,0,1-6.28,4.94A25.71,25.71,0,0,1,255,74.69,35.08,35.08,0,0,1,244.7,73.17Z"/><path class="support-cls-2" d="M313.65,38.9V74h-7.83V69.56a13.23,13.23,0,0,1-4.94,3.65,16,16,0,0,1-6.38,1.28q-7,0-11.09-3.91t-4-11.62V38.9h8.22V57.84q0,4.74,2.14,7.08a7.85,7.85,0,0,0,6.09,2.33,9.21,9.21,0,0,0,7-2.73q2.6-2.73,2.6-7.86V38.9Z"/><path class="support-cls-2" d="M351.08,40.74a16.19,16.19,0,0,1,6.35,6.31,18.88,18.88,0,0,1,2.3,9.41,19,19,0,0,1-2.3,9.44,16.09,16.09,0,0,1-6.35,6.35,18.68,18.68,0,0,1-9.18,2.24q-7.11,0-11.25-4.74v17h-8.23V38.9h7.83v4.6a12.66,12.66,0,0,1,5-3.75,17,17,0,0,1,6.61-1.25A18.68,18.68,0,0,1,351.08,40.74Zm-2.64,23.68a10.92,10.92,0,0,0,2.93-8,10.93,10.93,0,0,0-2.93-8,9.92,9.92,0,0,0-7.46-3,10.65,10.65,0,0,0-5.33,1.34,9.79,9.79,0,0,0-3.75,3.85,12.75,12.75,0,0,0,0,11.58,9.72,9.72,0,0,0,3.75,3.85A10.56,10.56,0,0,0,341,67.45,9.93,9.93,0,0,0,348.44,64.42Z"/><path class="support-cls-2" d="M394.78,40.74a16.19,16.19,0,0,1,6.35,6.31,18.88,18.88,0,0,1,2.3,9.41,19,19,0,0,1-2.3,9.44,16.09,16.09,0,0,1-6.35,6.35,18.68,18.68,0,0,1-9.18,2.24q-7.11,0-11.25-4.74v17h-8.23V38.9H374v4.6a12.66,12.66,0,0,1,5-3.75,17,17,0,0,1,6.61-1.25A18.68,18.68,0,0,1,394.78,40.74Zm-2.64,23.68a10.92,10.92,0,0,0,2.93-8,10.93,10.93,0,0,0-2.93-8,9.92,9.92,0,0,0-7.46-3,10.65,10.65,0,0,0-5.33,1.34,9.79,9.79,0,0,0-3.75,3.85,12.84,12.84,0,0,0,0,11.58,9.72,9.72,0,0,0,3.75,3.85,10.56,10.56,0,0,0,5.33,1.35A9.93,9.93,0,0,0,392.14,64.42Z"/><path class="support-cls-2" d="M416.38,72.19a16.82,16.82,0,0,1-6.67-6.42,18,18,0,0,1-2.41-9.31,17.85,17.85,0,0,1,2.41-9.27,16.89,16.89,0,0,1,6.67-6.39,21.35,21.35,0,0,1,19.28,0,16.91,16.91,0,0,1,6.68,6.39,17.94,17.94,0,0,1,2.4,9.27,18.11,18.11,0,0,1-2.4,9.31,16.85,16.85,0,0,1-6.68,6.42,21.35,21.35,0,0,1-19.28,0Zm17.11-7.77a10.9,10.9,0,0,0,3-8,10.91,10.91,0,0,0-3-8,10,10,0,0,0-7.5-3,9.92,9.92,0,0,0-7.47,3,11,11,0,0,0-2.93,8,11,11,0,0,0,2.93,8,9.93,9.93,0,0,0,7.47,3A10,10,0,0,0,433.49,64.42Z"/><path class="support-cls-2" d="M471.37,38.5v7.83a10.61,10.61,0,0,0-1.91-.2,10,10,0,0,0-7.5,2.8q-2.68,2.79-2.69,8.06V74H451V38.9h7.83V44Q462.43,38.5,471.37,38.5Z"/><path class="support-cls-2" d="M500,72.12a9.74,9.74,0,0,1-3.52,1.78,16,16,0,0,1-4.37.59q-5.81,0-8.95-3T480,62.65V45.74h-5.79V39.16H480v-8h8.22v8h9.41v6.58h-9.41V62.45a5.55,5.55,0,0,0,1.25,3.91,4.7,4.7,0,0,0,3.62,1.35,7.27,7.27,0,0,0,4.61-1.44Z"/></svg></a>
</div>
<nav class="user-nav" role="navigation">
<ul class="nav">
<li class="menu-item uni"><a href="https://support.mandnweb.com/ComingSoon.html" target="_blank" rel="noopener">M&N Web University</a></li>
<li class="menu-item submit-a-request">
<a class="submit-a-request" href="https://www.mandnweb.com/contact">Submit a Request</a>
</li>
<li class="menu-item user-login"> <a class="login" data-auth-action="signin" role="button" rel="nofollow" title="Opens a dialog" href="https://www.mandnweb.com/sign-in">Sign in</a>
</li>
<li class="menu-item menu-trial"><a class="rootLink item-start colorize show-for-notlogged" href="https://www.mandnweb.com/signup" redirecturl="domain" ga-event="" event-category="Link" event-action="Click" event-label="Support_FreeTrial_Nav">Start Free Trial</a></li>
</ul>
</nav>
</div>
<div class="home-hero" style="text-align:center;"><img src="//theme.zdassets.com/theme_assets/71353/f817d1a5cf552927031b3751f33d57d802c71f88.png" height="139" width="382" alt=""></div>
<div class="clearfix header-search">
<div class="header-inner">
<div class="title"><a title="Home" href="#">M&N Web Support</a></div>
<div class="header-search-form">
<form role="search" class="search" data-search="" data-instant="true" autocomplete="off" action="https://support.mandnweb.com/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓" /><input type="search" name="query" id="query" placeholder="What can we help you with?" autocomplete="off" aria-label="What can we help you with?" />
<input type="submit" name="commit" value="Search" /></form>
</div>
</div>
</div>
</header>
<main role="main">
<div class="clearfix breadcrumbs">
<nav class="sub-nav clearfix category-breadcrumbs" role="navigation" aria-label="breadcrumbs">
<div class="clearfix wrap">
<ol class="breadcrumbs">
<li title="M&N Web Support">
<a href="#">M&N Web Support</a>
</li>
<li title="Getting Started">
Getting Started
</li>
</ol>
</div>
</nav>
</div>
<div class="clearfix row categories">
<div class="clearfix wrap last-content-row">
<div class="column-main columns">
<section class="clearfix section-area">
<article class="main-column">
<header class="article-header clearfix">
<h1>
Headers
</h1>
</header>
<div class="subtle-wrap">
<div class="content-body article-body">
<div role="main" id="mc-main-content"><p><a name="kanchor135"></a>The header is the part of your site that contains the logo and navigation. There are a lot of different ways to control the style of your header to help you create an appealing header for your site.</p><p>The mobile header has a fixed design, and cannot be customized. To change the content of the mobile header:</p><ol><li value="1">On the top navigation bar, click <b>Mobile view & edit</b>.</li><li value="2">Click the content in the header to edit.</li></ol><h2>Header Types</h2><p>There are three types of headers available—flexible, fixed, and sticky.</p><h3><a name="Flexible"></a>Flexible Headers</h3><p>In order to customize a header, it must be turned into a flexible header by turning the header into a row. In most templates, the header is a row by default. However, in certain older templates, the header is fixed with limited customization options. Templates with fixed headers typically include certain widgets, such as social media links or a phone number in the header by default. However, these widgets are fixed and cannot be moved like widgets in normal rows. By turning the header into a row, you can add or edit widgets in the header.</p><div class="imessage inote"><div class="imessage-name">Note</div><div class="imessage-content"><p>If you have turned your header into a flexible header and later decide that you want your header to be fixed, you will not be able to change the header back.</p></div></div><p>To set a header to be flexible and convert the header into a row:</p><ol><li value="1">Hover over the header, and click <b>Header</b>.</li><li value="2">On the <span class="mc-variable General.Content variable">Content</span> tab, click the <b>Convert header to a row</b> toggle.<br>In most new templates, the header is a row by default, so you are only likely to run into this issue when using older templates that still have fixed headers.</li></ol><h3>Fixed Headers</h3><p>In some of our older templates, headers are fixed. This means that the header contains the logo, navigation, social icons and text, but is locked and cannot be customized by adding <span class="mc-variable General.widget variable">widget</span>s from the <span class="mc-variable General.Widget variable">Widget</span>s section.</p><h3>Shrinking Headers</h3><p>The Shrinking Header is a smaller version of the site header, enabling you to keep important navigation information fixed without distracting users as they scroll down a page and without taking up too much space. It acts as a sticky header feature but condenses the size of the logos and other widgets in your header. It is particularly useful in sites that have large headers and sites that are designed for long scrolling. </p><p>The shrinking header is available on Desktop and Tablet views. Shrinking headers can only be toggled when the header is turned into a row. If the header is not a row and the template has a fixed header, the shrinking header option is not available. For more information, see <a href="#Flexible" class="MCXref xref" xrefformat="{title}">Headers</a>. </p><p>For more information on how to configure shrinking headers, see <a href="https:/#1500001499321-Shrinking-Headers" class="MCXref xref" xrefformat="{title}">Shrinking Headers</a>. </p><h3>Header Layouts</h3><p>To change the header layout: </p><ol><li value="1">Hover over the header and click <b>Header</b>.</li><li value="2">On the Design tab, select a new header <span class="mc-variable General.layout variable">layout</span>. Switching to one of these layouts changes fixed headers into flexible headers. Using pre-designed headers helps save time in designing your site. You can always select a layout and then modify it afterward.</li></ol><div class="imessage inote"><div class="imessage-name">Note</div><div class="imessage-content"><p>Selecting one of these layouts removes any existing content from the header section, so ensure you have a backup before selecting these options. When using one of these layouts the header becomes flexible and are not able to switch back to a fixed header.</p></div></div><h3><span class="mc-variable General.Sticky_Headers variable">Sticky Headers</span></h3><p>To make a header sticky, hover over the header, click <b>Header</b>, and select <b>Set As Sticky Header</b>. The header becomes static and stays in place when you scroll through pages in your site. </p><h4>Create a Sticky Header That's Not a Shrinking Header</h4><p>To learn how to create a sticky header that is not a shrinking header, see the following video:</p><img src="https://d1support.zendesk.com/hc/article_attachments/1500002221182/uni_favicon.png"> For more expert content, visit <a href="https://university.mandnweb.com/page/learn-from-the-experts">M&N Web University</a>. </p><h3>Hide Headers</h3><p>To hide a header on a page:</p><ol><li value="1">Hover over the bottom of the header, and click <b>Header</b>.</li><li value="2">Click <b>Hide page header on</b>, and select the device you want the header hidden on. </li></ol><p>To unhide the header:</p><ol><li value="1">In the side panel, click the <b>Unhide Elements</b> (<img src="https://d1support.zendesk.com/hc/article_attachments/1500002282801/unhide_element.png">) icon under Settings. </li><li value="2">Click the <b>Hide</b> icon on the footer, and select <b>Yes</b> to unhide the header. </li></ol><p>For more information, see <a href="https:/#1500001598422-Show-Hidden-Elements" class="MCXref xref" xrefformat="{title}">Show Hidden Elements</a>.</p><h2>Header Logo</h2><p>If the header contains one image, the logo of the site will be kept when moving between header layouts. In the case there is more than one image, or the logo is textual, the logo image is kept as in the layout.</p><p>If you delete the logo, re-add the image by dragging the image element back into the header, and set the link to go back to the homepage. For more information, see <a href="https:/#360061888893-Image-Widget" class="MCXref xref" xrefformat="{title}">Image Widget</a>.</p><h2>Other Header Options</h2><p>There are other header options available in the <a href="https:/#1500001599342-Widget-Design">design menu</a>, which let you further customize the look of your header. </p><p>To access the header design menu, hover over the header, click <b>Header</b>, and then click the <b>Design</b> tab.</p><p>To display header items above hero images, click <b>Overlap first row</b>. This gives your hero images more visibility and makes it easier to design great-looking, trendy sites. Keep the following in mind:</p><ul><li><i>For the header</i>. Set the background color to transparent, or a color with opacity.</li><li><i>For the first row</i>. Use top padding that is equal to or similar to the height of the header.</li></ul><p>When switching to a new header layout that contains social icons, the icons are displayed as defined in the content library. If there are no social links, the social icons are kept generic as in the layout.</p></div>
</div>
<div class="article-attachments">
<ul class="attachments">
</ul>
</div>
<footer>
<!-- comments -->
<!-- votes -->
<div class="article-votes">
<span class="article-votes-question">Was this article helpful?</span>
<div class="article-votes-controls" role="radiogroup">
<a class="button article-vote article-vote-up" data-auth-action="signin" aria-selected="false" role="radio" rel="nofollow" title="Yes" href="https://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F1500001598462-Headers"></a>
<a class="button article-vote article-vote-down" data-auth-action="signin" aria-selected="false" role="radio" rel="nofollow" title="No" href="https://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F1500001598462-Headers"></a>
</div>
<small class="article-votes-count">
<span class="article-vote-label">0 out of 0 found this helpful</span>
</small>
</div>
</footer>
<div class="article-comments" id="article-comments">
<section class="comments">
<header class="comment-overview">
<h3 class="comment-heading">
Feedback on this article
</h3>
<p class="comment-callout">0 comments</p>
</header>
<ul id="comments" class="comment-list">
</ul>
<p class="comment-callout">Please <a data-auth-action="signin" rel="nofollow" href="https://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F1500001598462-Headers">sign in</a> to leave a comment.</p>
</section>
</div>
<!-- eof added -->
</div>
</article>
<aside class="article-sidebar side-column">
<section class="related-articles">
<h3 class="related-articles-title">Related articles</h3>
<ul>
<li>
<a href="https://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCLl4Dj9dAToYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCP77Dz9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSI3L2hjL2VuLXVzL2FydGljbGVzLzE1MDAwMDE0OTkzMjEtU2hyaW5raW5nLUhlYWRlcnMGOwhUOglyYW5raQY%3D--479b9b59c3ea01e344169fae2cd1451cb88d4dd9" rel="nofollow">Shrinking Headers</a>
</li>
<li>
<a href="https://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCKVpXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCP77Dz9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSI1L2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4ODkzMy1SZXN0YXVyYW50LU1lbnVzBjsIVDoJcmFua2kH--4d8cd8362a83a23cc5d8bb1a70b1a03eb8444b13" rel="nofollow">Restaurant Menus</a>
</li>
<li>
<a href="https://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCIlnXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCP77Dz9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSIrL2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4ODM5My1Gb290ZXIGOwhUOglyYW5raQg%3D--f94490235e38ff04b63ff9c153472b721f7b9207" rel="nofollow">Footer</a>
</li>
<li>
<a href="https://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCMVnXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCP77Dz9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJAL2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4ODQ1My1Hb29nbGUtVGFnLU1hbmFnZXItVHJhY2tpbmcGOwhUOglyYW5raQk%3D--54ab8ad1f3a7d3adb1a5335f95712b041cc3fe9f" rel="nofollow">Google Tag Manager Tracking</a>
</li>
<li>
<a href="https://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCG41QdVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCP77Dz9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSIxL2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MDEwNjA5NC1BZGQtU2VjdGlvbnMGOwhUOglyYW5raQo%3D--3c6c6749a1acdcb64869d36584cfab74f7abf0cd" rel="nofollow">Add Sections</a>
</li>
</ul>
</section>
</aside>
</section>
</div>
<!-- menu col -->
<div class="column-menu columns">
<nav>
<div class="sidenav">
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/support.mandnweb.com';"> GETTING STARTED </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/Intro.html" style="MARGIN-LEFT: 7px; font-size:12px;">Introduction</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/https://support.mandnweb.com/GoingLive.html';"> GOING LIVED </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Publishing Sites</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/https://support.mandnweb.com/AccountandBilling.html':"> ACCOUNT AND BILLING </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px; font-size:12px;">Introduction</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Billing and Payments</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Account Information</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Statistics and Analysis</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/https://support.mandnweb.com/WhiteLabel.html';"> WHITE LABEL AND CLIENT <BR> MANAGEMENT </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/ClientInvitation.html" style="MARGIN-LEFT: 7px;font-size:12px;margin-top:12px;">White Label</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Team Coillaboration</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Client Management</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/https://support.mandnweb.com/WebsiteBuilder.html';"> WEBSITE BUILDER </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">General Site Editor</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Global Design</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Header and Footer</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Pages and Popups</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Content</a>
<a href="https://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Dynamic Pages and Collections</a>
<a href="https://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Personalization Rules</a>
<a href="https://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Blog</a>
<a href="https://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Custom Code</a>
<a href="https://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">M&N Web on the Go</a>
<a href="https://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Site Settings</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/https://support.mandnweb.com/Widgets.html';"> WIDGETS </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/Add-Widgets.html" style="MARGIN-LEFT: 7px;font-size:12px;">Widget Overview</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Basic Widgets</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Media Widgets</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Business Widgets</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Social Widgets</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Advances Widgets</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/https://support.mandnweb.com/eCommerce.html';"> ECOMMERCE </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Storefront Overview</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Storefront COnfiguration</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Sales Channels</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Manage Customers</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/https://support.mandnweb.com/AppStore.html';"> APP STORE </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Overview</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Apps</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/https://support.mandnweb.com/TroubleshootingandFaqs.html';"> TROUBLESHOOTING AND <br> FAQS </span> </i>
</button>
<div class="dropdown-container">
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;margin-top:12px;">How to Go Live</a>
<a href="https://support.mandnweb.com/What-is-the-Difference-Between-Site-and-Account-Plans.html" style="MARGIN-LEFT: 7px;font-size:12px;">Account and Billing FAQS</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">General FAQS</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Custom Code Troubleshooting</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Store FAQS</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">SEO and Site Settings FAQS</a>
<a href="https://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">University and Certification FAQS</a>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- eof menu col -->
</div>
</div>
<script>
/* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;
for (i = 0; i < dropdown.length; i++) {
dropdown[i].addEventListener("click", function() {
this.classList.toggle("active");
var dropdownContent = this.nextElementSibling;
if (dropdownContent.style.display === "block") {
dropdownContent.style.display = "none";
} else {
dropdownContent.style.display = "block";
}
});
}
</script>
</main>
<footer id="priority-support" class="clearfix footer">
<!-- M&N Web footer -->
<div class="footer-wrap">
<div class="row">
<div class="small-12 columns">
<div class="lists">
<li>
<ul class="dropdown-btn">
<li class="uppercase"><strong>ABOUT US</strong></li>
<li><a href="https://www.mandnweb.com/about">Our Story</a></li>
<li><a href="https://www.mandnweb.com/press">Press</a></li>
</ul>
<ul class="dropdown-btn st1">
<li class="uppercase"><strong>Solutions</strong></li>
<li><a href="https://www.mandnweb.com/solutions/agencies">M&N Web for Agencies</a></li>
<li><a href="https://www.mandnweb.com/solutions/saas-platforms">M&N Web for SaaS Platforms</a></li>
<li><a href="https://www.mandnweb.com/solutions/hosts">M&N Web for Hosts</a></li>
</ul>
</li>
<li>
<ul class="dropdown-btn">
<li class="uppercase"> <strong> Compare </strong> </li>
<li><a href="https://www.mandnweb.com/mandnweb-vs-wordpress">M&N Web vs Wordpress</a></li>
<li><a href="https://www.mandnweb.com/mandnweb-vs-squarespace">M&N Web vs Squarespace</a></li>
<li><a href="https://www.mandnweb.com/mandnweb-vs-wix">M&N Web vs Wix</a></li>
</ul>
</li>
<li>
<ul class="dropdown-btn">
<li class="uppercase"><strong>Key Features</strong></li>
<li><a href="https://www.mandnweb.com/website-builder/templates">Templates</a></li>
<li><a href="https://www.mandnweb.com/website-builder/personalization">Website Personalization</a></li>
<li><a href="https://www.mandnweb.com/plans">For Enterprise </a></li>
</ul>
</li>
</li>
<li>
<ul class="dropdown-btn">
<li class="uppercase"> <strong> Support </strong> </li>
<li> <a href="https://www.mandnweb.com/blog"> Blog </a> </li>
<li> <a href="https://mandnelearning.com/"> M&N Web University </a> </li>
<li> <a href="https://resources.mandnweb.com/product-updates"> Product Updates </a> </li>
<li> <a href="https://www.mandnweb.com/resources/marketing-materials"> Marketing Materials </a> </li>
<li> <a href="https://www.mandnweb.com/developers-portal"> Developer Portal</a> </li>
<li> <a href="https://www.mandnweb.com/fulfillment-channel"> Fullfillment Channel </a> </li>
<li> <a href="https://www.mandnweb.com/covid-19"> COVID-19 Updates </a> </li>
</ul>
</li>
<li>
<ul class="dropdown-btn st">
<li class="uppercase"> <strong> Platform </strong> </li>
<li> <a href="https://www.mandnweb.com/website-builder">Website Builder </a> </li>
<li> <a href="https://www.mandnweb.com/team-collaboration"> Team Collaboration Tools </a> </li>
<li> <li> <a href="https://www.mandnweb.com/client-management">Client Management</a> </li>
<li> <li> <a href="https://www.mandnweb.com/website-builder/design-control">Full Feature Index</a> </li>
</li>
</ul>
</li>
</li>
<li>
<ul class="dropdown-btn st" >
<li class="uppercase"> <strong> Support </strong> </li>
<li><a href="https://www.mandnweb.com/website-builder/white-label">White Label</a></li>
<li> <a href="https:/support.mandnweb.com"> Support Portal </a></li>
</ul>
</li>
</div>
</div>
<div class="columns large-12 show-for-large"><hr style="margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); border-color: #606060;
"></div>
<div class="columns large-12">
<div class="show-for-large">
<div class="social-icons"> <a href="https://www.facebook.com/MANDNWEB" class="icon facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a href="https://twitter.com/MANDNWEB" class="icon twitter"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href="https://www.linkedin.com/company/mandnweb/" class="icon linkedin"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> <a href="https://www.youtube.com/channel/UC75ZWQXtLjfXhjjkb5Z_i6Q" class="icon youtube"> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div>
</div>
<div class="copyrights">Copyright ©<span id="year">2020</span> M&N Web Company Powered by <a href="https://www.mandnweb.com/" style="color:white;">M&N WEB </a></div>
<div class="copyrights"><a href="https://www.mandnweb.com/legal/privacy"><span style="color:white;margin-left: 108%;"> Privacy</a></span><span class="separate">|</span><a href="https://www.mandnweb.com/legal/terms"><span style="color:white;">Terms</a></span><span class="separate">|</span><a href="https://www.mandnweb.com/general-data-protection-regulation-GDPR-Compliance-Information-and-Resources"><span style="color:white;">GDPR</a></span></div>
<div class="hide-for-large">
<div class="social-icons"><a href="https://www.facebook.com/M&N Web" class="icon facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> </a><a href="https://twitter.com/mandnwebmobile" class="icon twitter"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href="https://www.linkedin.com/company/M&N Web" class="icon linkedin"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> <a href="https://www.youtube.com/user/mandnwebmobile" class="icon youtube"> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div>
</div>
</div>
</div>
</div>
<!-- eof M&N Web footer -->
</footer>
<div class="reveal-modal small text-center" data-reveal id="mustLoginModal"> <img src="//du-cdn.multiscreensite.com/mandnweb_website/img/support/lock.png" alt=""> <a class="close-reveal-modal" aria-label="Close">×</a>
<h3>Please Log in as a Pro</h3>
<p>Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers. </p>
<!-- <a href="https://my.mandnweb.com/login?redirectTo=https://www.mandnweb.com/support" class="button uppercase">Log In</a> -->
<a href="https://my.mandnweb.com/login?redirectTo=https://help.mandnweb.comhttp://support.mandnweb.com/requests/new?callback_request=true" class="button uppercase">Log In</a>
<div class="bottom-modal-msg">Not a Pro? <a class="f-orange" href="https://www.mandnweb.com/plans" target="_blank">Purchase a Pro plan!</a></div>
</div>
<div class="reveal-modal-bg"></div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js"></script>
<script>
$(document).ready(function(){
$(".article-body").fitVids();
});
</script>
<!-- / -->
<script src="//static.zdassets.com/hc/assets/en-us.32d3fbfa1027c24e46e6.js"></script>
<script src="https://d1support.zendesk.com/auth/v2/host.js" data-brand-id="360003507153" data-return-to="https:https://support.mandnweb.com/categories/360003107213-Getting-Started" data-theme="hc" data-locale="en-us" data-auth-origin="360003507153,true,true"></script>
<script type="text/javascript">
/*
Greetings sourcecode lurker!
This is for internal Zendesk and legacy usage,
we don't support or guarantee any of these values
so please don't build stuff on top of them.
*/
HelpCenter = {};
HelpCenter.account = {"subdomain":"d1support","environment":"production","name":"M&N Web Support"};
HelpCenter.user = {"identifier":"da39a3ee5e6b4b0d3255bfef95601890afd80709","email":null,"name":null,"role":"anonymous","avatar_url":"https://assets.zendesk.com/hc/assets/default_avatar.png","is_admin":false,"organizations":[],"groups":[]};
HelpCenter.internal = {"asset_url":"//static.zdassets.com/hc/assets/","web_widget_asset_composer_url":"https://static.zdassets.com/ekr/snippet.js","current_session":{"locale":"en-us","csrf_token":null,"shared_csrf_token":null},"settings":{},"usage_tracking":{"event":"category_viewed","data":"BAh7CDoQY2F0ZWdvcnlfaWRsKwiNedvRUwA6C2xvY2FsZUkiCmVuLXVzBjoGRVQ6Cl9tZXRhews6D2FjY291bnRfaWRpA7kWAToTaGVscF9jZW50ZXJfaWRsKwgtgbbRUwA6DWJyYW5kX2lkbCsI0ZPh0VMAOgx1c2VyX2lkMDoTdXNlcl9yb2xlX25hbWVJIg5BTk9OWU1PVVMGOwdUOwZJIgplbi11cwY7B1Q=--ce3193091996751c3a3ddf223493d3e9910cb738","url":"https:https://support.mandnweb.com/hc/tracking/events?locale=en-us"},"current_record_id":null,"current_record_url":null,"current_record_title":null,"search_results_count":null,"current_text_direction":"ltr","current_brand":{"account_id":71353,"brand_id":360003507153,"brand_url":"https:/support.mandnweb.com","url":"https://mandnwebmobile.zendesk.com/api/v2/brands/360003507153.json","name":"M&N Web Support","logo":"","subdomain":"d1support","host_mapping":"/support.mandnweb.com","help_center_state":"enabled","ticket_form_ids":"","active":false,"default":false,"has_help_center":false,"created_at":"2019-11-05T16:45:52Z","updated_at":"2020-11-04T18:04:30Z","id":360003507153,"route_id":3083787},"current_brand_url":"https://d1support.zendesk.com","current_host_mapping":"/support.mandnweb.com","current_path":"https://support.mandnweb.com/categories/360003107213-Getting-Started","authentication_domain":"https://d1support.zendesk.com","show_autocomplete_breadcrumbs":false,"rollbar_config":{"enabled":false,"endpoint":"https://rollbar-us.zendesk.com/api/1/item/","accessToken":"731a5a953e9a4b7ab6cac9623f50c732","captureUncaught":true,"captureUnhandledRejections":true,"payload":{"environment":"production","client":{"javascript":{"source_map_enabled":false,"code_version":"fdcf0d0c9f175c8e14714a92ed3f5f84e19d16f6","guess_uncaught_frames":false}}}},"user_info_changing_enabled":false,"has_user_profiles_enabled":true,"has_end_user_attachments":true,"user_aliases_enabled":false,"has_anonymous_kb_voting":false,"has_multi_language_help_center":false,"mobile_device":false,"mobile_site_enabled":false,"show_at_mentions":false,"embeddables_config":{"embeddables_web_widget":false,"embeddables_connect_ipms":false},"base_domain":"zendesk.com","answer_bot_subdomain":"static","manage_content_url":"https:/support.mandnweb.com","arrange_content_url":"https:https://support.mandnweb.com/hc/admin/arrange_contents?locale=en-us","general_settings_url":"https:https://support.mandnweb.com/hc/admin/general_settings?locale=en-us","user_segments_url":"https://d1support.zendesk.com/knowledge/user_segments?brand_id=360003507153","has_gather":true,"has_community_enabled":false,"has_community_badges":false,"has_user_segments":true,"has_answer_bot_web_form_enabled":true,"has_answer_bot_web_form_modal_v2":false,"billing_url":"/access/return_to?return_to=https://d1support.zendesk.com/admin/billing/subscription","has_answer_bot":true,"has_block_answer_bot_embeddable":false,"answer_bot_management_url":"/access/return_to?return_to=https://d1support.zendesk.com/agent/admin/answer_bot","is_account_owner":false,"theming_cookie_key":"hc-da39a3ee5e6b4b0d3255bfef95601890afd807091-preview","is_preview":false,"has_guide_user_segments_search":true,"has_alternate_templates":true,"arrange_articles_url":"https://d1support.zendesk.com/knowledge/arrange?brand_id=360003507153","article_verification_url":"https://d1support.zendesk.com/knowledge/verification?brand_id=360003507153","has_article_verification":true,"guide_language_settings_url":"https:https://support.mandnweb.com/hc/admin/language_settings?locale=en-us","docs_importer_url":"https://d1support.zendesk.com/knowledge/import_articles?brand_id=360003507153","community_badges_url":"https://d1support.zendesk.com/knowledge/community_badges?brand_id=360003507153","community_settings_url":"https://d1support.zendesk.com/knowledge/community_settings?brand_id=360003507153","gather_plan_state":"subscribed","search_settings_url":"https://d1support.zendesk.com/knowledge/search_settings?brand_id=360003507153","has_multibrand_search_in_plan":true,"theming_api_version":1,"has_pci_credit_card_custom_field":true,"current_brand_id":360003507153,"help_center_restricted":false,"current_brand_active":true,"is_assuming_someone_else":false,"flash_messages":[]};
</script>
<script src="//static.zdassets.com/hc/assets/moment-f6f8513da6ab17eadada59a1a4edb536.js"></script>
<script src="//static.zdassets.com/hc/assets/hc_enduser-b13c2932f10d69bae5b69408f2b7f1a7.js"></script>
<script src="//static.zdassets.com/hc/assets/moment-f6f8513da6ab17eadada59a1a4edb536.js"></script>
<script src="//static.zdassets.com/hc/assets/hc_enduser-b13c2932f10d69bae5b69408f2b7f1a7.js"></script>
<script type="text/javascript">function add_chatinline(){var hccid=13250679;var nt=document.createElement("script");nt.async=true;nt.src="https://www.mylivechat.com/chatinline.aspx?hccid="+hccid;var ct=document.getElementsByTagName("script")[0];ct.parentNode.insertBefore(nt,ct);}
add_chatinline();</script>
<script type="text/javascript">
$(document).ready(function(){
// Video 1
$('#mn-web-video').on('shown.bs.modal', function (event) {
$('#mn-web-video')[0].play();
});
$('#mn-web-video').on('hidden.bs.modal', function (event) {
$('#mn-web-video')[0].pause();
});
});
</script>
<script src="https://mandnweb.com/css/frontend/lightbox/js/lightbox.min.js"></script>
</body>
<style>
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
display: block;
line-height: 2.5;
padding: 0 0 1.2em 1rem;;
text-decoration: none;
font-size: 16px;
color:#313131;
display: block;
border: 0;
font-weight:600px;
letter-spacing:0.25px;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
}
.st{
margin-top: -65%;
}
.st1{
margin-top: -18%;
}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
color: red;
}
/* Main content */
.main {
margin-left: 200px; /* Same as the width of the sidenav */
font-size: 20px; /* Increased text to enable scrolling */
padding: 0px 10px;
}
/* Add an active class to the active dropdown button */
.active {
color: black;
}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
display: none;
background-color: white;
padding-left: 8px;
color: #3C3F44;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.26px;
}
/* Optional: Style the caret down icon */
.fa fa-angle-down {
float: right;
padding-right: 8px;
padding-top: 8px;
}
.header {
background:#3D8FE7 !important;
}
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
.st{
margin-top: 0;
margin-left: 0;
}
}
@media (max-width: 64em){
.footer .copyrights {
padding:12px 0 !important;
}
.spane{
color: #313131;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.25px;
padding: 0.4em 0 1.6em 1rem;
}
.body{
font-weight:600px !important;
}
.footer .copyrights {
float: right !important;
margin-top: -2%;
color:white;
}
a.M&N Web-link{
color: #000 !important;
}
.social-icons .fa-facebook {
background-color: #e9f4fd;
}
.social-icons .icon.twitter {
background-color: #e9f4fd;
}
.social-icons .icon.linkedin {
background-color: #e9f4fd;
}
.social-icons .icon.youtube{
background-color: #e9f4fd;
}
.fa-facebook-f:before, .fa-facebook:before
{
background-color:white;
color: #2d373a;
}
.fa-twitter-f:before, .fa-twitter:before
{
color: #2d373a;
}
.fa-linkedin-f:before, .fa-linkedin:before
{
color: #2d373a;
}
.fa-youtube-play:before
{
color: #2d373a;
}
.header-search-form .search input[type=submit]
{ background:white !important;
}
button, [role=button], [type=button], [type=submit], #zd-edit-user-close
{
box-shadow: NONE !important; */
}
.sm{
color: #3C3F44;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.26px;
MARGIN-LEFT: 7px;
}
.UPPERCASE
{ font-size: 16px !IMPORTANT;}
.footer .lists > li ul {
font-size: 16px !IMPORTANT;}
</style>
</html>