こんにちは皆さん、私が取り組んでいるサイトが機能していて、トップバーにランダムに再配置されましたが、その理由はわかりません. 以前はすべて問題ないと思っていましたが、最近このサイトを見たところ、たまたまページ上部のナビゲーション バーとウィンドウ URL の間に奇妙なスペースがありました。誰かがそれを調べて、これを引き起こしている原因と、迅速または簡単な修正があるかどうかを理解するのを手伝ってもらえますか. サイトはwww.omegadesignla.comです。ご 協力をお願いいたします。
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Omega Design | LA</title>
<meta name="description" content="Web development and printing services serving the greater los angeles area">
<meta name="keywords" content="web development, printing, graphics design, los angeles, santa clarita">
<link rel="stylesheet" href="stylesheets/app.css" />
<link rel="stylesheet" href="stylesheets/foundation-icons.css" />
<link rel="stylesheet" href="css/normalize.css" />
</head>
<body>
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<span><a href="index.html"><img class="logo" src="img/logofinal.png"></a><span>
</li>
<li class="toggle-topbar menu-icon">
<a href="#">Menu</a>
</li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li><a href="#about">About us</a></li>
<li><a href="#" data-reveal-id="myModal">Contact us</a></li>
<li class="has-dropdown">
<a href="#">Services</a>
<ul class="dropdown">
<li><a href="services.html#printing">Print Media</a></li>
<li><a href="services.html">Web Development</a></li>
<!-- <li><a href="services.html">Promotional Items</a></li> -->
<!-- <li class="active"><a href="#">Active link in dropdown</a></li> -->
</ul>
</li>
</ul>
</section>
</nav>
<div class="container">
<header>