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

Asked 4 months ago, Updated 4 months ago, 9 views

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">
            foreach($rows as$row){?>
                <?php if(!empty($row['url']))): ?>
                    <a href="<?phpecho$row['url'];?>">
                        <?php echo_get_attachment_image($row['image']['ID'], 'full', $row['image']['alt']);?>
                        <?php echo_get_attachment_image($row['image']['ID'], 'full', $row['image']['alt']);?>
                <?php endif;?>

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

© 2023 OneMinuteCode. All rights reserved.