I was using Owl Carousel to deploy slides, but the search console advised me that the content width was over the screen size.

I was using Owl Carousel to deploy slides to the site, and this time I was advised that the content width for mobile-friendly support exceeds the screen size.
After a lot of examination to see if it's a different part, I concluded that if I delete the div in Owl Carouse, the mobile-friendly result will be cleared, so the slide part is still a problem.
I have looked into various sites, but there were only opinions such as Owl Carousel being responsive, and I have not seen many cases of errors.
Is there a good solution?

<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="<?phpecho$row['url'];?>">
                        <?php echo_get_attachment_image($row['image']['ID'], 'full', $row['image']['alt']);?>
                    </a>
                <?phpelse:?>
                        <?php echo_get_attachment_image($row['image']['ID'], 'full', $row['image']['alt']);?>
                <?php endif;?>
            </div>
        <?php
            }
        }            
        ?>
    </div>
</div>

I'm doing this, but can't the slides fit inside the content width screen?

php html css

2022-09-30 11:16

1 Answers

I was worried about the same phenomenon, but

<div class="owl-carousel" style="overflow:hidden;">

That's a quick fix.

2022-09-30 11:16

If you have any answers or tips

Popular Tags

python x 4578

android x 1593

java x 1488

javascript x 1417

c x 917

c++ x 868

ruby-on-rails x 694

php x 689

python3 x 678

html x 651