Hey there, I've noticed a strange issue that only seems to occur in Google Chrome on both desktop and mobile devices. To better illustrate the problem, I have attached a picture.
A blue line unexpectedly appears when I interact with certain sections or items in the menu (such as 'contact' or 'portfolio').
Here's a snippet of the code causing the problem:
<section class="ip_fifth_block" id="contact">
<div class="container">
<div class="row">
<div class="col">
<h1 class="ip_services_heading" style="margin-bottom:0">Kontakt</h1>
</div>
</div>
<div class="row">
<div class="col">
<p class="ip_heading_under">Zanechajte nám Váš odkaz, pripomienku, objednávku.</p>
</div>
</div>
<div class="row">
<div class="col">
<form>
<div class="row">
<div class="col-md-6 ip_forminfo">
<input type="text" name="name" placeholder="Meno a priezvisko"><br>
<input type="text" name="name" placeholder="E-mail"><br>
<input type="text" name="name" placeholder="Tel. číslo"><br>
</div>
<div class="col-md-6 ip_forminfo">
<textarea placeholder="Vaša správa"></textarea>
<input type="submit" value="Odoslať">
</div>
</div>
</form>
</div>
</div>
</div>
<div id="map"></div>
</section>