489495df
MSV FM
MSV FM
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8" />
<!-- v19044 -->
<title>Responsive Website-Builder-Walkthrough – 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:http://support.mandnweb.com/categories/360003107213-Getting-Started" />
<link rel="alternate" hreflang="en" href="https:http://support.mandnweb.com/categories/360003107213-Getting-Started" />
<link rel="alternate" hreflang="es" href="https:http://support.mandnweb.com/hc/es-419/categories/360003107213-Introducci%C3%B3n" />
<link rel="alternate" hreflang="pt" href="https:http://support.mandnweb.com/hc/pt-br/categories/360003107213-Introdu%C3%A7%C3%A3o" />
<link rel="stylesheet" media="all" href="http://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="http://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="http://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>
Responsive Website Builder Walkthrough
</h1>
</header>
<div class="subtle-wrap">
<div class="content-body article-body">
<div id="mc-main-content">
<p><img src="http://support.mandnweb.com/uni_favicon.png" alt="uni_favicon.png"> To learn more, check out how to <a href="https://university.mandnweb.com/page/build-your-first-site-with-M&N Web" target="_blank" rel="noopener">Build Your First Site</a> on M&N Web University.</p>
<p>Want to create a responsive website and don't know where to start? We've got you covered. In this step-by-step video guide, we'll take you from selecting a template all the way through customizing it and making it live.</p>
<h2>Create Your Site</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>Getting started creating your site couldn’t be easier. After logging into your account and clicking the <strong>Create Responsive Website</strong> button, you will see our assortment of templates you can choose from to start your site. This video takes you through this process to show you how you can build your site.</p>
<h2>Basic Editor Tour</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png" /></div></p>
<p>Getting comfortable with the tools to edit your site is very important. Here we show you around so you know more about how to navigate through your editor so you can build and customize your responsive site. Learn about great features for customizing your site and widgets you can add to give your site more functionality.</p>
<h2>Edit Page Elements</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper"><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>With M&N Web Responsive sites, the layout consists of rows that stack on top of each other and columns that are within the rows. This system builds the overall structure of the pages in your site. Within the structure, you further customize your pages by adding widgets to the layout and edit each widget within the page. Learn more about customizing your pages in the tutorial of the inline editor.</p>
<h2>Edit Global Design</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>When designing your site, you may want to make changes that will appear throughout your site in one convenient place. Find out more about the global changes you can make that will cut down on the time it takes to design your site. Here, you can find out where you can change your color scheme, font and buttons.</p>
<h2>Customize the Header</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>The header is an important part of your site that helps to distinguish your site’s identity and what it has to offer. This is where your logo or name will be most prominently placed in your site. This is also where you will find the navigation of your site. Learn about getting started styling your header with your logo, title, layout and more to make your site header stand out from other sites.</p>
<h2>Customize the Navigation</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>Navigating your site is important for the usability of your site. Setting up an easy to use navigation keeps your users interested in the pages of your site. Customizing your site is also important since it appeals to the look of your site. Learn how you set up your navigation and layout for your site here.</p>
<h2>Manage Pages</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>Organizing the pages in your site is important because you want the most relevant information to be the most accessible, but you may have lots of subcategories in your site and will need a way to arrange the order and the suborder of your site. Learn more about this topic and how you can hide, add, and delete pages, plus add SEO details to make them easy for users to find.</p>
<h2>Manage Imported Content</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>While customizing and designing your site makes your site unique, your content really drives that message home. Importing the text, images and files from your original site is easy with M&N Web. Learn more about what we can pull in and where you can find it in your editor.</p>
<h2>Make Site Backups</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>The Backup Site feature is an important part of the Editor that can save you time and effort if any work done on your site goes in a bad direction. What is also great about this feature and the Editor is that your site gets backed up when you publish it. You can have up to 10 backups, which are points in time during the creation of your site.</p>
<h2>Site Settings</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>The Site Settings allow you to make changes to your live sites, such as site URL and domain information, icons and favicons, site SEO settings, HTML in the header, default site language, cookie notification settings and more. These settings are vital when publishing your site so you can add a custom domain, enable SSL and track your site analytics using a Google Analytics code.</p>
<h2>Publish Your Site & Connect to a Domain</h2>
<hr size="0" width="100%">
<p><div class="fluid-width-video-wrapper" ><img src="http://support.mandnweb.com/Screenshot_6.png"/></div></p>
<p>After creating and designing your site you can take it live by publishing it. With this step, you are ready to make it visible to others on the web. You will also have the option to purchase a premium plan so you can apply a custom domain to your new and published site.</p>
<p>After Publishing your site you may want to apply a Custom Domain to the site. In order to do this, you must own a domain and set up the CNAME at the domain host account to make this work. Once this step is completed, you can use the custom domain with your M&N Web site.</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="http://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F360042436454-Responsive-Website-Builder-Walkthrough"></a>
<a class="button article-vote article-vote-down" data-auth-action="signin" aria-selected="false" role="radio" rel="nofollow" title="No" href="http://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F360042436454-Responsive-Website-Builder-Walkthrough"></a>
</div>
<small class="article-votes-count">
<span class="article-vote-label">4 out of 5 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="http://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F360042436454-Responsive-Website-Builder-Walkthrough">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="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCLE5O9RTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCGaXM9RTADoLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSI2L2hjL2VuLXVzL2FydGljbGVzLzM2MDA0MjkzNjc1My1EdWRhLVdlYnNpdGUtRkFRcwY7CFQ6CXJhbmtpBg%3D%3D--77fc9eaf0cdea700310e58fd9177e8b7040671b6" rel="nofollow">M&N Web Website FAQs</a>
</li>
<li>
<a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCG3oYdRTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCGaXM9RTADoLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSIyL2hjL2VuLXVzL2FydGljbGVzLzM2MDA0NTQ3MTg1My1DcmVhdGUtYS1TaXRlBjsIVDoJcmFua2kH--80879102f543d1c88e8d46ba4881303b3c155297" rel="nofollow">Create a Site</a>
</li>
<li>
<a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCMkwO9RTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCGaXM9RTADoLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSI0L2hjL2VuLXVzL2FydGljbGVzLzM2MDA0MjkzNDQ3My1FZGl0b3ItT3ZlcnZpZXcGOwhUOglyYW5raQg%3D--f69f7befc4aa181442dc03ba7215c3f134bc3e74" rel="nofollow">Editor Overview</a>
</li>
<li>
<a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCPlZfdRTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCGaXM9RTADoLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSI0L2hjL2VuLXVzL2FydGljbGVzLzM2MDA0NzI3MDM5My1Qcm9kdWN0LU9wdGlvbnMGOwhUOglyYW5raQk%3D--4a8bb62cdeae4205353e7bfb0af823188450a958" rel="nofollow">Product Options</a>
</li>
<li>
<a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCBpcdNRTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCGaXM9RTADoLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSIzL2hjL2VuLXVzL2FydGljbGVzLzM2MDA0NjY4MTExNC1lQ29tbWVyY2UtRkFRcwY7CFQ6CXJhbmtpCg%3D%3D--08529981c9fe627d0d302bec4e71ae69f05d0bda" rel="nofollow">eCommerce FAQs</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="http://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:/http://support.mandnweb.com/GoingLive.html';"> GOING LIVED </span> </i>
</button>
<div class="dropdown-container">
<a href="http://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:/http://support.mandnweb.com/AccountandBilling.html':"> ACCOUNT AND BILLING </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px; font-size:12px;">Introduction</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Billing and Payments</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Account Information</a>
<a href="http://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:/http://support.mandnweb.com/WhiteLabel.html';"> WHITE LABEL AND CLIENT <BR> MANAGEMENT </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ClientInvitation.html" style="MARGIN-LEFT: 7px;font-size:12px;margin-top:12px;">White Label</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Team Coillaboration</a>
<a href="http://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:/http://support.mandnweb.com/WebsiteBuilder.html';"> WEBSITE BUILDER </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">General Site Editor</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Global Design</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Header and Footer</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Pages and Popups</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Content</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Dynamic Pages and Collections</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Personalization Rules</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Blog</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Custom Code</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">M&N Web on the Go</a>
<a href="http://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:/http://support.mandnweb.com/Widgets.html';"> WIDGETS </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/Add-Widgets.html" style="MARGIN-LEFT: 7px;font-size:12px;">Widget Overview</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Basic Widgets</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Media Widgets</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Business Widgets</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Social Widgets</a>
<a href="http://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:/http://support.mandnweb.com/eCommerce.html';"> ECOMMERCE </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Storefront Overview</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Storefront COnfiguration</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Sales Channels</a>
<a href="http://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:/http://support.mandnweb.com/AppStore.html';"> APP STORE </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Overview</a>
<a href="http://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:/http://support.mandnweb.com/TroubleshootingandFaqs.html';"> TROUBLESHOOTING AND <br> FAQS </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;margin-top:12px;">How to Go Live</a>
<a href="http://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="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">General FAQS</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Custom Code Troubleshooting</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Store FAQS</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">SEO and Site Settings FAQS</a>
<a href="http://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/M&N Webmobile" 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/M&N Webmobile" 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/M&N Web_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:http://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:http://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://M&N Webmobile.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":"http://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:http://support.mandnweb.com/hc/admin/arrange_contents?locale=en-us","general_settings_url":"https:http://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:http://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>