

Owl
Carouselを使ってスライドをサイトに導入していたのですが、今回、モバイルフレンドリー対応での「コンテンツ幅が画面サイズを超えている」という忠告を受けました。  
他の部分ではないかといろいろ検証した結果、Owl
Carouseの部分のdivを削除すると、モバイルフレンドリーの結果はクリアするので、やはりスライドの部分が問題だという結論に至りました。  
いろいろなサイトを調べてみたのですが、Owl
Carouselはレスポンシブ対応しているなどの意見しかなく、エラーが出ている事例はあまり見受けられませんでした。  
何かいい解決方法はありますか？

[code]

    <div class="container-fluid mb15">
     <div class="row">
        <div class="owl-carousel">
            <?php
            $rows = get_field('***', ***);
            if ($rows) {
                foreach ($rows as $row) { ?>
                    <div>
                    <?php if (!empty($row['url'])) : ?>
                        <a href="<?php echo $row['url']; ?>">
                            <?php echo wp_get_attachment_image($row['image']['ID'], 'full', $row['image']['alt']); ?>
                        </a>
                    <?php else : ?>
                            <?php echo wp_get_attachment_image($row['image']['ID'], 'full', $row['image']['alt']); ?>
                    <?php endif; ?>
                </div>
            <?php
                }
            }            
            ?>
        </div>
    </div>
    
[/code]

  
この様にしているのですが、スライドはコンテンツ幅の画面内に対応はできないのですかね。。？


CC BY-SA 4.0
2020-04-28T09:51:29.227
66072
2020-08-07T07:45:45.567
37613
question
php html css
Owl Carouselを使ってスライドを導入していたのですが、サーチコンソールからの忠告でコンテンツ幅が画面サイズを超えていると出てしまいました。


同じ現象で悩んでいましたが、

[code]

    <div class="owl-carousel" style="overflow:hidden;">
    
[/code]

であっけなく解決しましたぁぁ。


CC BY-SA 4.0
2020-08-07T07:45:45.567
69329
2020-08-07T07:45:45.567
41411
66072
answer