トップページのスライドがうまく表示されない

ワードプレスの参考書をもとに、サンプルサイトを作っていますが、
トップ画面のスライドショーがうまく横に流れず、下にスペースができてしまいます。

DOCTYPE html>

<html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><php bloginfo('name'); ?></title> <link href="<?php echo get_template_directory_uri(); ?>/assets/css/styles.min.css" rel="stylesheet"> <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="./assets/js/main.js"></script> </head>

**<body>
<header class="header">
<div class="header_inner">
<div class="header_logo">
<h1><a href="/"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/common/logo@2x.png" alt="BISTRO CALME"></a></h1>
</div>
**
<div class="header_desc">
<p>サイトのキャッチフレーズ</p>
</div>

行動規範の内容に同意します

回答1件

main.jsの中に、横にスクロールさせる記述があるのでしょうか。
jsの中身が分からないので、何とも言えませんが、
ページを読み込んだ際にjsにエラーが出ていないか、F12キーで開発者モードにし、
コンソールを確認してみると良いかも知れません。
また、謎の空白も開発者ツールで何が原因か(CSSで余白を指定していないか等)を
ご確認されると良いと思われます。

投稿2021/08/23 08:14