Vendor Dashboard using WC Vendors plugin not mobile responsive in Shapely theme

Hey there First of all hats-off to theme developers for creating such a wonderful theme coming back to my problem i am using woo commerce and wc vendors plugin for my e commerce store all things works fine except for vendor dashboard page when on desktop the page is displayed correctly but when on mobile the layout is distorted i.e the button position is out of place

refer screenshots :

i am attaching the html source code of the page incase it might be helpful

<!DOCTYPE html>
<html lang=“en-US”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
<link rel=“profile” href=“XFN 1.1 profile”>
<link rel=“pingback” href=“http://localhost/grinskart.com/xmlrpc.php”>

<title>Seller Dashboard – Grinskart.com</title>
<link rel=‘dns-prefetch’ href=’//fonts.googleapis.com’ />
<link rel=‘dns-prefetch’ href=’//s.w.org’ />
<link rel=“alternate” type=“application/rss+xml” title=“Grinskart.com » Feed” href=“http://localhost/grinskart.com/feed/” />
<link rel=“alternate” type=“application/rss+xml” title=“Grinskart.com » Comments Feed” href=“http://localhost/grinskart.com/comments/feed/” />
<script type=“text/javascript”>
window._wpemojiSettings = {“baseUrl”:“https://s.w.org/images/core/emoji/2/72x72/",“ext”:".png",“svgUrl”:“https://s.w.org/images/core/emoji/2/svg/”,“svgExt”:".svg",“source”:{“concatemoji”:"http://localhost/grinskart.com/wp-includes/js/wp-emoji-release.min.js?ver=4.6.1”}};
!function(a,b,c){function d(a){var c,d,e,f,g,h=b.createElement(“canvas”),i=h.getContext&&h.getContext(“2d”),j=String.fromCharCode;if(!i||!i.fillText)return!1;switch(i.textBaseline=“top”,i.font=“600 32px Arial”,a){case"flag":return i.fillText(j(55356,56806,55356,56826),0,0),!(h.toDataURL().length<3e3)&&(i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,65039,8205,55356,57096),0,0),c=h.toDataURL(),i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,55356,57096),0,0),d=h.toDataURL(),c!==d);case"diversity":return i.fillText(j(55356,57221),0,0),e=i.getImageData(16,16,1,1).data,f=e[0]+","+e[1]+","+e[2]+","+e[3],i.fillText(j(55356,57221,55356,57343),0,0),e=i.getImageData(16,16,1,1).data,g=e[0]+","+e[1]+","+e[2]+","+e[3],f!==g;case"simple":return i.fillText(j(55357,56835),0,0),0!==i.getImageData(16,16,1,1).data[0];case"unicode8":return i.fillText(j(55356,57135),0,0),0!==i.getImageData(16,16,1,1).data[0];case"unicode9":return i.fillText(j(55358,56631),0,0),0!==i.getImageData(16,16,1,1).data[0]}return!1}function e(a){var c=b.createElement(“script”);c.src=a,c.type=“text/javascript”,b.getElementsByTagName(“head”)[0].appendChild(c)}var f,g,h,i;for(i=Array(“simple”,“flag”,“unicode8”,“diversity”,“unicode9”),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],“flag”!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener(“DOMContentLoaded”,g,!1),a.addEventListener(“load”,g,!1)):(a.attachEvent(“onload”,g),b.attachEvent(“onreadystatechange”,function(){“complete”===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type=“text/css”>
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel=‘stylesheet’ id=‘siteorigin-panels-front-css’ href=‘http://localhost/grinskart.com/wp-content/plugins/siteorigin-panels/css/front.css?ver=2.4.15’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘mbpro-font-awesome-css’ href=‘http://localhost/grinskart.com/wp-content/plugins/maxbuttons/assets/libraries/font-awesome/css/font-awesome.min.css?ver=4.6.1’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘woocommerce-layout-css’ href=’//localhost/grinskart.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=2.6.4’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘woocommerce-smallscreen-css’ href=’//localhost/grinskart.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=2.6.4’ type=‘text/css’ media=‘only screen and (max-width: 768px)’ />
<link rel=‘stylesheet’ id=‘woocommerce-general-css’ href=’//localhost/grinskart.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=2.6.4’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘shapely-bootstrap-css’ href=‘http://localhost/grinskart.com/wp-content/themes/shapely/inc/css/bootstrap.min.css?ver=4.6.1’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘shapely-icons-css’ href=‘http://localhost/grinskart.com/wp-content/themes/shapely/inc/css/font-awesome.min.css?ver=4.6.1’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘shapely-fonts-css’ href=’//fonts.googleapis.com/css?family=Raleway%3A100%2C300%2C400%2C500%2C600%2C700|Open+Sans%3A400%2C500%2C600&ver=4.6.1’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘shapely-style-css’ href=‘http://localhost/grinskart.com/wp-content/themes/shapely/style.css?ver=4.6.1’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘links-widget-widget-styles-css’ href=‘http://localhost/grinskart.com/wp-content/plugins/links-dropdown-widget/css/widget.css?ver=4.6.1’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘footable-core-min-css’ href=‘http://localhost/grinskart.com/wp-content/plugins/footable/css/footable.core.min.css?ver=0.3.1’ type=‘text/css’ media=‘all’ />
<link rel=‘stylesheet’ id=‘footable-metro-min-css’ href=‘http://localhost/grinskart.com/wp-content/plugins/footable/css/footable.metro.min.css?ver=0.3.1’ type=‘text/css’ media=‘all’ />
<script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-includes/js/jquery/jquery.js?ver=1.12.4’></script>
<script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1’></script>
<script type=‘text/javascript’>
/* <![CDATA[ /
var mb_ajax = {“ajaxurl”:“http://localhost/grinskart.com/wp-admin/admin-ajax.php”};
/
]]> /
</script>
<script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/plugins/maxbuttons/js/min/front.js?ver=1’></script>
<script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/plugins/footable/js/footable.min.js?ver=0.3.1’></script>
<script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/plugins/footable/js/footable.sort.min.js?ver=0.3.1’></script>
<script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/plugins/footable/js/footable.filter.min.js?ver=0.3.1’></script>
<script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/plugins/footable/js/footable.paginate.min.js?ver=0.3.1’></script>
<link rel=‘https://api.w.org/’ href=‘http://localhost/grinskart.com/wp-json/’ />
<link rel=“EditURI” type=“application/rsd+xml” title=“RSD” href=“http://localhost/grinskart.com/xmlrpc.php?rsd” />
<link rel=“wlwmanifest” type=“application/wlwmanifest+xml” href=“http://localhost/grinskart.com/wp-includes/wlwmanifest.xml” />
<meta name=“generator” content=“WordPress 4.6.1” />
<meta name=“generator” content=“WooCommerce 2.6.4” />
<link rel=“canonical” href=“http://localhost/grinskart.com/seller-dashboard/” />
<link rel=‘shortlink’ href=‘http://localhost/grinskart.com/?p=68’ />
<link rel=“alternate” type=“application/json+oembed” href=“http://localhost/grinskart.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%2Fgrinskart.com%2Fseller-dashboard%2F” />
<link rel=“alternate” type=“text/xml+oembed” href=“http://localhost/grinskart.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%2Fgrinskart.com%2Fseller-dashboard%2F&format=xml” />
<style type=“text/css”>a {color:#1e73be}a:hover, a:active, .post-title a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current { color: #dd3333;}.btn-filled, .btn-filled:visited, .woocommerce #respond input#submit.alt,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button { background:#7ad639 !important; border: 2px solid#7ad639 !important;}.btn-filled:hover, .woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover { background: #dd9933 !important; border: 2px solid#dd9933 !important;}/

Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
img.logo {
max-width: 370px;
max-height: 125px;
width: 100%;
}

.logo {
max-height: 100%;
height: auto;
}

.nav-bar {
/height: 125px;/
max-height: 125px;
}

.nav-bar .module, .nav-bar .module-group {
min-height: 125px;
}

#menu {
margin-top: 36px;
}

.search-widget-handle > .search {
margin-top: 34px;
}

.module.widget-handle.mobile-toggle.right {
margin-top: 20px;
}

@media only screen and (max-width: 1170px) {
/* For screens less than tablets and more than mobiles: This is specific to this theme and not a standard break-point value in CSS */

#menu {
	margin-top: 18px;
}

img.logo {
	max-width: 276px;
	max-height: 75px;
	width: auto;
}

.alogo {
	height: 95px !important;
}

.nav-bar .module, .nav-bar .module-group {
	min-height: 75px;
}

.module-group.right {
	max-width: 610px;
	float: left;
}

.menu &gt; li.dropdown {
	padding-right: 10px;
}

.menu &gt; li {
	margin-right: 15px;
}

}

@media only screen and (max-width: 450px) {
/* For mobile phones: */
img.logo {
max-width: 210px;
max-height: 90px;
width: auto;
}

.alogo {
	height: 85px !important;
}

.module.left a {
	height: 35px;
}

.module.widget-handle.mobile-toggle.right {
	height: 35px;
}

.nav-bar .module, .nav-bar .module-group {
	min-height: 65px;
}

.nav-bar .module-group {
	padding-top: 0;
}

}
.footer-credits {
display: none;
}

.shapely_home_parallax .top-parallax-section h1 {
color: #000;
}
.shapely_home_parallax .top-parallax-section p {
color: #000;
}
body.post-type-archive-product.woocommerce section.page-title-section.bg-secondary {
display: none;
}

#page input[type=“submit”] {
background: #81d742;
border-color: #81d742;

}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #0c471a;
}

body.page h1.entry-title {
display: none;
}

.button {
background-color: #7ad639;
color: white;
padding: 16px;
font-size: 12px;
border: none;
cursor: pointer;
}

.button:hover, .button:focus {
background-color:#dd9933;
}

@media screen and (max-width: 640px) {
table {
overflow-x: auto;
display: block;
}
}

</style> <style type=“text/css”>
#social { background: transparent; float: right; }
#social li{
display: inline-block;
}
#social li,
#social ul {
border: 0!important;
list-style: none;
padding-left: 0;
text-align: center;
}
#social .social_icon span { display: none; }
#social li a[href*=“twitter.com”] .fa:before,
.fa-twitter:before {
content: “\f099”
}
#social li a[href*=“facebook.com”] .fa:before,
.fa-facebook-f:before,
.fa-facebook:before {
content: “\f09a”
}
#social li a[href*=“github.com”] .fa:before,
.fa-github:before {
content: “\f09b”
}
#social li a[href*="/feed"] .fa:before,
.fa-rss:before {
content: “\f09e”
}
#social li a[href*=“pinterest.com”] .fa:before,
.fa-pinterest:before {
content: “\f0d2”
}
#social li a[href*=“plus.google.com”] .fa:before,
.fa-google-plus:before {
content: “\f0d5”
}
#social li a[href*=“linkedin.com”] .fa:before,
.fa-linkedin:before {
content: “\f0e1”
}
#social li a[href*=“youtube.com”] .fa:before,
.fa-youtube:before {
content: “\f167”
}
#social li a[href*=“instagram.com”] .fa:before,
.fa-instagram:before {
content: “\f16d”
}
#social li a[href*=“flickr.com”] .fa:before,
.fa-flickr:before {
content: “\f16e”
}
#social li a[href*=“tumblr.com”] .fa:before,
.fa-tumblr:before {
content: “\f173”
}
#social li a[href*=“dribbble.com”] .fa:before,
.fa-dribbble:before {
content: “\f17d”
}
#social li a[href*=“skype.com”] .fa:before,
.fa-skype:before {
content: “\f17e”
}
#social li a[href*=“foursquare.com”] .fa:before,
.fa-foursquare:before {
content: “\f180”
}
#social li a[href*=“vimeo.com”] .fa:before,
.fa-vimeo-square:before {
content: “\f194”
}
#social li a[href*=“spotify.com”] .fa:before,
.fa-spotify:before {
content: “\f1bc”
}
#social li a[href*=“soundcloud.com”] .fa:before,
.fa-soundcloud:before {
content: “\f1be”
}
</style> <style type=“text/css”>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<script type=“text/javascript”>/* FooTable init code */

var $FOOTABLE = $FOOTABLE || {};
(function( $FOOTABLE, $, undefined ) {

jQuery.fn.attrAppendWithComma=function(a,b){var c;return this.each(function(){c=$(this),void 0!==c.attr(a)&amp;&amp;""!=c.attr(a)?c.attr(a,c.attr(a)+","+b):c.attr(a,b)})};jQuery.fn.footableAttr=function(a,b){return this.each(function(){var c=$(this);c.data("auto-columns")!==!1&amp;&amp;(c.find("thead th:gt("+a+")").attrAppendWithComma("data-hide","tablet"),c.find("thead th:gt("+b+")").attrAppendWithComma("data-hide","phone"))})},jQuery.fn.footableFilter=function(a){return this.each(function(){var b=$(this);b.data("filter")||b.data("filter")===!1||b.data("filter-text-only","true").before('&lt;div class="footable-filter-container"&gt;&lt;input placeholder="'+a+'" style="float:right" type="text" class="footable-filter" /&gt;&lt;/div&gt;')})},jQuery.fn.footablePager=function(){return this.each(function(){var a=$(this);if(a.data("page")!==!1){var b=$('&lt;tfoot class="hide-if-no-paging"&gt;&lt;tr&gt;&lt;td&gt;&lt;div class="pagination pagination-centered"&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tfoot&gt;');b.find("td").attr("colspan",a.find("thead th").length),a.find("tbody:last").after(b)}})};

$FOOTABLE.init = function() {
	$(".footable")
		.footableAttr(3,1)
		.footableFilter("search")
		.footablePager()
		.footable( { breakpoints: { phone: 320, tablet: 768 } });

};

}( $FOOTABLE, jQuery ));

jQuery(function($) {
$FOOTABLE.init();
});
</script> <style type=“text/css”>
.site-title a,
.site-description {
color: #1e73be;
}
</style>
<link rel=“icon” href=“http://localhost/grinskart.com/wp-content/uploads/2016/09/logo-3.png” sizes=“32x32” />
<link rel=“icon” href=“http://localhost/grinskart.com/wp-content/uploads/2016/09/logo-3.png” sizes=“192x192” />
<link rel=“apple-touch-icon-precomposed” href=“http://localhost/grinskart.com/wp-content/uploads/2016/09/logo-3.png” />
<meta name=“msapplication-TileImage” content=“http://localhost/grinskart.com/wp-content/uploads/2016/09/logo-3.png” />
</head>

<body class=“page page-id-68 page-template-default logged-in has-no-sidebar”>
<div id=“page” class=“site”>
Skip to content

&lt;header id="masthead" class="site-header" role="banner"&gt;
    &lt;div class="nav-container"&gt;
        &lt;nav id="site-navigation" class="main-navigation" role="navigation"&gt;
            &lt;div class="container nav-bar"&gt;
                    &lt;div class="row"&gt;
                        &lt;div class="module left"&gt;

</div>
<div class=“module widget-handle mobile-toggle right visible-sm visible-xs”>
<i class=“fa fa-bars”></i>
</div>
<div class=“module-group right”>
<div class=“module left”>
<div class=“collapse navbar-collapse navbar-ex1-collapse”><ul id=“menu” class=“menu”><li id=“menu-item-24” class=“menu-item menu-item-type-post_type menu-item-object-page menu-item-24”>Home
<li id=“menu-item-172” class=“menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-172 dropdown”>My Account
<ul role=“menu” class=" dropdown-menu">
<li id=“menu-item-25” class=“menu-item menu-item-type-post_type menu-item-object-page menu-item-25”>My Account
<li id=“menu-item-86” class=“menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-68 current_page_item menu-item-86 active”>Seller Dashboard

<li id="menu-item-173" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-173 dropdown">Shop Now <ul role="menu" class=" dropdown-menu"> <li id="menu-item-174" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-174">Select Your City <li id="menu-item-175" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-175">Rohtak <li class="menu-item"><i class="fa fa-shopping-cart"></i> 2 items - <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">₹</span>1,000.00</span>
  • Log Out
  • </div> </div> <!--end of menu module--> <div class="module widget-handle search-widget-handle left"> <div class="search"> <i class="fa fa-search"></i> <span class="title">Site Search</span> </div> <div class="function"><form role="search" method="get" id="searchform" class="search-form" action="http://localhost/grinskart.com/" > <label class="screen-reader-text" for="s">Search for:</label> <input type="text" placeholder="Type Here" type="text" value="" name="s" id="s" /> <input type="submit" class="btn btn-fillded searchsubmit" id="searchsubmit" value="Search" />
    &lt;/form&gt;                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;!--end of module group--&gt;
                        &lt;/div&gt;
                &lt;/div&gt;
            &lt;/nav&gt;&lt;!-- #site-navigation --&gt;
        &lt;/div&gt;
    &lt;/header&gt;&lt;!-- #masthead --&gt;
    
    &lt;div id="content" class="main-container"&gt;
            &lt;section class="page-title-section bg-secondary"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-6 col-sm-6 col-xs-12"&gt;
                  &lt;h3 class="page-title"&gt;
                      Seller Dashboard                  &lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="col-md-6 col-sm-6 col-xs-12 text-right"&gt;
                            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--end of row--&gt;
      &lt;/div&gt;
      &lt;!--end of container--&gt;
    &lt;/section&gt;        &lt;section class="content-area "&gt;
          &lt;div id="main" class="container" role="main"&gt;
                &lt;div class="row"&gt;
    
      
    &lt;div id="primary" class="col-md-9 mb-xs-24 full-width"&gt;
    	&lt;main id="main" class="site-main" role="main"&gt;
    

    <article id=“post-68” class=“post-68 page type-page status-publish hentry”>
    <header class=“entry-header”>
    <h1 class=“entry-title”>Seller Dashboard</h1> </header><!-- .entry-header →

    &lt;div class="entry-content"&gt;
    	&lt;center&gt;
    

    <p>
    View Your Store
    Store Settings

                <a target="_TOP" href="http://localhost/grinskart.com/wp-admin/post-new.php?post_type=product">Add New Product</a>
                <a target="_TOP" href="http://localhost/grinskart.com/wp-admin/edit.php?post_type=product">Edit Products   </a>
    

    </center>

    <hr><h2>Sales Report</h2>

    <form method=“post”>
    <p>
    <label style=“display:inline;” for=“from”>From:</label>
    <input class=“date-pick” type=“date” name=“start_date” id=“from”
    value=“2016-09-01”/>

    	&lt;label style="display:inline;" for="to"&gt;To:&lt;/label&gt;
    	&lt;input type="date" class="date-pick" name="end_date" id="to"
    		   value="2016-09-09"/&gt;
    
    	&lt;input type="submit" class="btn btn-inverse btn-small" style="float:none;"
    		   value="Show"/&gt;
    &lt;/p&gt;
    

    </form>
    <table class=“table table-condensed table-vendor-sales-report”>
    <thead>
    <tr>
    <th class=“product-header”>Product</th>
    <th class=“quantity-header”>Quantity</th>
    <th class=“commission-header”>Commission</th>
    <th class=“rate-header”>Rate</th>
    <th></th>
    </thead>
    <tbody>

    			&lt;tr&gt;
    
    				&lt;td class="product"&gt;<strong>&lt;a
    							href="http://localhost/grinskart.com/shop/kaju-katli/"&gt;kaju katli</a></strong>
    										&lt;/td&gt;
    				&lt;td class="qty"&gt;2&lt;/td&gt;
    				&lt;td class="commission"&gt;&lt;span class="woocommerce-Price-amount amount"&gt;&lt;span class="woocommerce-Price-currencySymbol"&gt;&#8377;&lt;/span&gt;525.00&lt;/span&gt;&lt;/td&gt;
    				&lt;td class="rate"&gt;100.00%&lt;/td&gt;
    
    										&lt;td&gt;
    						<a href="http://localhost/grinskart.com/seller-dashboard/?orders_for_product=94">Show Orders</a>
    					&lt;/td&gt;
    				
    			&lt;/tr&gt;
    
    		
    		&lt;tr&gt;
    			&lt;td&gt;<strong>Totals</strong>&lt;/td&gt;
    			&lt;td&gt;2&lt;/td&gt;
    			&lt;td&gt;&lt;span class="woocommerce-Price-amount amount"&gt;&lt;span class="woocommerce-Price-currencySymbol"&gt;&#8377;&lt;/span&gt;525.00&lt;/span&gt;&lt;/td&gt;
    			&lt;td&gt;&lt;/td&gt;
    
    								&lt;td&gt;&lt;/td&gt;
    			
    		&lt;/tr&gt;
    
    	
    
    
    
    &lt;/tbody&gt;
    

    </table>
    <script type=“text/javascript”>
    jQuery(function () {
    jQuery(‘a.view-items’).on(‘click’, function (e) {
    e.preventDefault();
    var id = jQuery(this).closest(‘tr’).data(‘order-id’);

        if ( jQuery(this).text() == "Hide items" ) {
        	jQuery(this).text("View items");
    	} else {
        	jQuery(this).text("Hide items");
    	}
    
        jQuery("#view-items-" + id).fadeToggle();
    });
    
    jQuery('a.view-order-tracking').on('click', function (e) {
        e.preventDefault();
         var id = jQuery(this).closest('tr').data('order-id');
        jQuery("#view-tracking-" + id).fadeToggle(); 
    });
    

    });
    </script>

    <h2>Orders</h2>

    <table class=“table table-condensed table-vendor-sales-report”>
    <thead>
    <tr>
    <th class=“product-header”>Order</th>
    <th class=“quantity-header”>Shipping</th>
    <th class=“commission-header”>Total</th>
    <th class=“rate-header”>Date</th>
    <th class=“rate-header”>Links</th>
    </thead>
    <tbody>

    		&lt;tr id="order-116" data-order-id="116"&gt;
    			&lt;td&gt;116&lt;/td&gt;
    			&lt;td&gt;<a target="_blank" href="http://maps.google.com/maps?&#038;q=sukhjinder+arora%2C+scxsc%2Cllsx%2C+d%2Cacx%2C+slc%2Cslcla+-+0120120%2C+Haryana&#038;z=16">sukhjinder arora, scxsc,llsx, d,acx, slc,slcla - 0120120, Haryana</a>&lt;/td&gt;
    			&lt;td&gt;&lt;span class="woocommerce-Price-amount amount"&gt;&lt;span class="woocommerce-Price-currencySymbol"&gt;&#8377;&lt;/span&gt;500.00&lt;/span&gt;&lt;/td&gt;
    			&lt;td&gt;2016-09-05 13:35:13&lt;/td&gt;
    			&lt;td&gt;
                <a href="#">View items</a> | <a href="?wc_pv_mark_shipped=116">Mark shipped</a>				&lt;/td&gt;
    		&lt;/tr&gt;
    
    		&lt;tr id="view-items-116" style="display:none;"&gt;
    			&lt;td colspan="5"&gt;
    										1x kaju katli
    					
    					&lt;br/&gt;
    
    				
    			&lt;/td&gt;
    		&lt;/tr&gt;
    
    		
    	
    		&lt;tr id="order-100" data-order-id="100"&gt;
    			&lt;td&gt;100&lt;/td&gt;
    			&lt;td&gt;<a target="_blank" href="http://maps.google.com/maps?&#038;q=sukhjinder+arora%2C+h.no+hbhhh%2C+rohtakl+-+124001%2C+Haryana&#038;z=16">sukhjinder arora, h.no hbhhh, rohtakl - 124001, Haryana</a>&lt;/td&gt;
    			&lt;td&gt;&lt;span class="woocommerce-Price-amount amount"&gt;&lt;span class="woocommerce-Price-currencySymbol"&gt;&#8377;&lt;/span&gt;25.00&lt;/span&gt;&lt;/td&gt;
    			&lt;td&gt;2016-09-05 04:35:57&lt;/td&gt;
    			&lt;td&gt;
                <a href="#">View items</a> | <a href="#">Shipped</a>				&lt;/td&gt;
    		&lt;/tr&gt;
    
    		&lt;tr id="view-items-100" style="display:none;"&gt;
    			&lt;td colspan="5"&gt;
    										1x kaju katli
    					
    					&lt;br/&gt;
    
    				
    			&lt;/td&gt;
    		&lt;/tr&gt;
    
    		
    	
    		&lt;tr&gt;
    			&lt;td&gt;&lt;b&gt;Total:&lt;/b&gt;&lt;/td&gt;
    			&lt;td colspan="4"&gt;&lt;span class="woocommerce-Price-amount amount"&gt;&lt;span class="woocommerce-Price-currencySymbol"&gt;&#8377;&lt;/span&gt;525.00&lt;/span&gt;&lt;/td&gt;
    		&lt;/tr&gt;
    
    
    &lt;/tbody&gt;
    

    </table>
    </div><!-- .entry-content →

    &lt;footer class="entry-footer"&gt;
    		&lt;/footer&gt;&lt;!-- .entry-footer --&gt;
    

    </article><!-- #post-## →

    	&lt;/main&gt;&lt;!-- #main --&gt;
    &lt;/div&gt;&lt;!-- #primary --&gt;
    
    
    
            &lt;/div&gt;&lt;!-- row --&gt;
    	&lt;/div&gt;&lt;!-- #main --&gt;
    &lt;/section&gt;&lt;!-- section --&gt;
    
        
    &lt;footer id="colophon" class="site-footer footer bg-dark" role="contentinfo"&gt;
      &lt;div class="container footer-inner"&gt;
        &lt;div class="row"&gt;
          
    
    &lt;div class="footer-widget-area"&gt;
    			&lt;div class="col-md-3 col-sm-6 footer-widget" role="complementary"&gt;
    		&lt;div id="text-3" class="widget widget_text"&gt;&lt;h2 class="widget-title"&gt;Contact Us&lt;/h2&gt;			&lt;div class="textwidget"&gt;&lt;h5 style="color:white;"&gt;For Selling with Us : [email protected]&lt;/h5&gt;
    

    <h5 style=“color:white;”>For any Support : [email protected]</h5>

    <div>












    </div></div>
    </div> </div><!-- .widget-area .first →

    		&lt;/div&gt;        &lt;/div&gt; 
        
        &lt;div class="row"&gt;
          &lt;div class="site-info col-sm-6"&gt;
            &lt;div class="copyright-text"&gt;Copyright 2016 @ Grinskart.com - All Rights Reserved&lt;/div&gt;
            &lt;div class="footer-credits"&gt;Theme by <a href="https://colorlib.com/" target="_blank">Colorlib</a> Powered by <a href="http://wordpress.org/" target="_blank">WordPress</a>&lt;/div&gt;
          &lt;/div&gt;&lt;!-- .site-info --&gt;
          &lt;div class="col-sm-6 text-right"&gt;
                      &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      
      <a href="#top">&lt;i class="fa fa-angle-up"&gt;&lt;/i&gt;</a>
      
    &lt;/footer&gt;&lt;!-- #colophon --&gt;
    

    </div><!-- #page

    <script type=“text/javascript”>
    jQuery( document ).ready( function( $ ){
    if ( $( window ).width() >= 767 ){
    $( ‘.navbar-nav > li.menu-item > a’ ).click( function(){
    window.location = $( this ).attr( ‘href’ );
    });
    }
    });
    </script>
    <link rel=‘stylesheet’ id=‘wcv_frontend_style-css’ href=‘http://localhost/grinskart.com/wp-content/plugins/wc-vendors/assets/css/wcv-frontend.css?ver=4.6.1’ type=‘text/css’ media=‘all’ />
    <script type=‘text/javascript’>
    /* <![CDATA[ /
    var wc_add_to_cart_params = {“ajax_url”:"/grinskart.com/wp-admin/admin-ajax.php",“wc_ajax_url”:"/grinskart.com/seller-dashboard/?wc-ajax=%%endpoint%%",“i18n_view_cart”:“View Cart”,“cart_url”:“http://localhost/grinskart.com/cart/",“is_cart”:"",“cart_redirect_after_add”:"no”};
    /
    ]]> /
    </script>
    <script type=‘text/javascript’ src=’//localhost/grinskart.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=2.6.4’></script>
    <script type=‘text/javascript’ src=’//localhost/grinskart.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70’></script>
    <script type=‘text/javascript’>
    /
    <![CDATA[ /
    var woocommerce_params = {“ajax_url”:"/grinskart.com/wp-admin/admin-ajax.php",“wc_ajax_url”:"/grinskart.com/seller-dashboard/?wc-ajax=%%endpoint%%"};
    /
    ]]> /
    </script>
    <script type=‘text/javascript’ src=’//localhost/grinskart.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=2.6.4’></script>
    <script type=‘text/javascript’ src=’//localhost/grinskart.com/wp-content/plugins/woocommerce/assets/js/jquery-cookie/jquery.cookie.min.js?ver=1.4.1’></script>
    <script type=‘text/javascript’>
    /
    <![CDATA[ /
    var wc_cart_fragments_params = {“ajax_url”:"/grinskart.com/wp-admin/admin-ajax.php",“wc_ajax_url”:"/grinskart.com/seller-dashboard/?wc-ajax=%%endpoint%%",“fragment_name”:“wc_fragments”};
    /
    ]]> */
    </script>
    <script type=‘text/javascript’ src=’//localhost/grinskart.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=2.6.4’></script>
    <script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/themes/shapely/js/navigation.js?ver=20120206’></script>
    <script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/themes/shapely/js/skip-link-focus-fix.js?ver=20160115’></script>
    <script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/themes/shapely/js/smooth-scroll.min.js?ver=20160115’></script>
    <script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-content/themes/shapely/js/shapely-scripts.js?ver=20160115’></script>
    <script type=‘text/javascript’ src=‘http://localhost/grinskart.com/wp-includes/js/wp-embed.min.js?ver=4.6.1’></script>
    <!-- WooCommerce JavaScript →
    <script type=“text/javascript”>
    jQuery(function($) {

    		jQuery(function() {
    
    			var providers = jQuery.parseJSON( '[]' );
    
    			jQuery('#tracking_number').prop('readonly',true);
    			jQuery('#date_shipped').prop('readonly',true);	
    
    			function updatelink( tracking, provider ) { 
    
    				var postcode = '32';
    				postcode = encodeURIComponent(postcode);
    
    				link = providers[provider];
    				link = link.replace('%251%24s', tracking);
    				link = link.replace('%252%24s', postcode);
    				link = decodeURIComponent(link);
    				return link; 
    			}
    
    			jQuery('.tracking_provider, #tracking_number').unbind().change(function(){
    				
    				var form = jQuery(this).parent().parent().attr('id');
    
    				var tracking = jQuery('#' + form + ' input#tracking_number').val();
    				var provider = jQuery('#' + form + ' #tracking_provider').val();
    				
    				if ( providers[ provider ]) {
    					link = updatelink(tracking, provider); 
    					jQuery('#' + form + ' #tracking_number').prop('readonly',false);
    					jQuery('#' + form + ' #date_shipped').prop('readonly',false);
    					jQuery('#' + form + ' .custom_tracking_url_field, #' + form + ' .custom_tracking_provider_name_field').hide();
    				} else {
    					jQuery('#' + form + ' .custom_tracking_url_field, #' + form + ' .custom_tracking_provider_name_field').show();
    					link = jQuery('#' + form + ' input#custom_tracking_link').val();
    				}
    
    				if (link) {
    					jQuery('#' + form + ' p.preview_tracking_link a').attr('href', link);
    					jQuery('#' + form + ' p.preview_tracking_link').show();
    				} else {
    					jQuery('#' + form + ' p.preview_tracking_link').hide();
    				}
    
    			});
    
    			jQuery('#custom_tracking_provider_name').unbind().click(function(){
    				
    				var form = jQuery(this).parent().parent().attr('id');
    
    				jQuery('#' + form + ' #tracking_number').prop('readonly',false);
    				jQuery('#' + form + ' #date_shipped').prop('readonly',false);
    			
    			});
    		
    		});
    

    });
    </script>

    </body>
    </html>