Hi Guys I need help here. Please see attached image.
I can't delete items from my shopping cart, when I try to the pop up pops beneath my top menu as you see on the image below.
This is the code for my header.tpl coz I am assuming this is where the issue is. Can you guys advise what the issue and what I can do to fix it ? Or is the issue elsewhere ?
<html lang="en">
<head>
<meta charset="{$charset}" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{if $kbarticle.title}{$kbarticle.title} - {/if}{$pagetitle} - {$companyname}</title>
<link rel="stylesheet" id="bootstrap-css" href="templates/{$template}/css/bootstrap/bootstrap.min.css?ver=5.2.3" type="text/css" media="all">
<link rel="stylesheet" id="bootstrap-css" href="templates/{$template}/css/style.css" type="text/css" media="all">
{include file="$template/includes/head.tpl"}
{$headoutput}
</head>
<body data-phone-cc-input="{$phoneNumberInputStyle}">
<section class="row top_header">
<div class="container">
<div class="row">
<div class="col-sm">
<ul class="nav nav-pills pull-right">
<li><a href=“demo data”>
Network Status
</a>
</li>
{include file="$template/includes/navbar-top.tpl" navbar=$secondaryNavbar}
</ul>
</div>
</div>
</div>
</section>
<nav class="navbar navbar-default navbar-static-top fluid_header centered affix-top">
<div class="container">
<div class="navbar-header ">
<button type="button" class="navbar-toggle collapsed navbar-left nobackground" data-toggle="collapse" data-target="#main_navigation" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
{* <span class="responsive-menu-icon"></span> *}
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="main_navigation">
<ul class="nav navbar-nav navbar-right ">
{include file="$template/includes/navbar.tpl" navbar=$primaryNavbar}
</ul>
</div>
</div>
</nav>
{$headeroutput}
{if $templatefile == 'homepage'}
<section id="home-banner">
<div class="container text-center">
{if $registerdomainenabled || $transferdomainenabled}
<h2>{$LANG.homebegin}</h2>
<form method="post" action="domainchecker.php" id="frmDomainHomepage">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
<div class="input-group input-group-lg">
<input type="text" class="form-control" name="domain" placeholder="{$LANG.exampledomain}" autocapitalize="none" data-toggle="tooltip" data-placement="left" data-trigger="manual" title="{lang key='orderForm.required'}" />
<span class="input-group-btn">
{if $registerdomainenabled}
<input type="submit" class="btn search{$captcha->getButtonClass($captchaForm)}" value="{$LANG.search}" />
{/if}
{if $transferdomainenabled}
<input type="submit" name="transfer" class="btn transfer{$captcha->getButtonClass($captchaForm)}" value="{$LANG.domainstransfer}" />
{/if}
</span>
</div>
</div>
</div>
{include file="$template/includes/captcha.tpl"}
</form>
{else}
<h2>{$LANG.doToday}</h2>
{/if}
</div>
</section>
<div class="home-shortcuts">
<div class="container">
<div class="row">
<div class="col-md-4 hidden-sm hidden-xs text-center">
<p class="lead">
{$LANG.howcanwehelp}
</p>
</div>
<div class="col-sm-12 col-md-8">
<ul>
{if $registerdomainenabled || $transferdomainenabled}
<li>
<a id="btnBuyADomain" href="domainchecker.php">
<i class="fas fa-globe"></i>
<p>
{$LANG.buyadomain} <span>»</span>
</p>
</a>
</li>
{/if}
<li>
<a id="btnOrderHosting" href="cart.php">
<i class="far fa-hdd"></i>
<p>
{$LANG.orderhosting} <span>»</span>
</p>
</a>
</li>
<li>
<a id="btnMakePayment" href="clientarea.php">
<i class="fas fa-credit-card"></i>
<p>
{$LANG.makepayment} <span>»</span>
</p>
</a>
</li>
<li>
<a id="btnGetSupport" href="submitticket.php">
<i class="far fa-envelope"></i>
<p>
{$LANG.getsupport} <span>»</span>
</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
{/if}
{include file="$template/includes/verifyemail.tpl"}
<section id="main-body">
<div class="container{if $skipMainBodyContainer}-fluid without-padding{/if}">
<div class="row">
{if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}
{if $primarySidebar->hasChildren() && !$skipMainBodyContainer}
<div class="col-md-9 pull-md-right">
{include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
</div>
{/if}
<div class="col-md-3 pull-md-left sidebar">
{include file="$template/includes/sidebar.tpl" sidebar=$primarySidebar}
</div>
{/if}
<!-- Container for main page display content -->
<div class="{if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}col-md-9 pull-md-right{else}col-xs-12{/if} main-content">
{if !$primarySidebar->hasChildren() && !$showingLoginPage && !$inShoppingCart && $templatefile != 'homepage' && !$skipMainBodyContainer}
{include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
{/if}