• Resolved Pengi123

    (@pengi123)


    Hi

    I am having problems the banner slider on mobile on load don’t show correctly size https://www.screencast.com/t/x6qaJpCYMGG after 2-3 sec when page load fully I see the correct size of banner https://www.screencast.com/t/K9iJKavQdU

    I try everything to make sure to on load banner show like when the page is finished with loading but it’s not possible for some reason.
    I am using WP Rocket but I test to disable WP Rocket, but Advanced ads also make that same issue with small size on page load, after few sec banner get the correct size.

    Pls, let me know what I can do to fix the issue.

    Best Regards

    • This topic was modified 4 years, 6 months ago by Pengi123.
    • This topic was modified 4 years, 6 months ago by Pengi123.
Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi Pengi123,

    Thanks for reaching out.

    Can you please send me a link to the page where the issue appears? This would help to investigate the issue and to make further suggestion on how to solve this.

    Please also let me know which placement you are using here.

    I also recommend this manual about the interaction between WP Rocket and Advanced Ads.

    Best regards,
    Henning

    Thread Starter Pengi123

    (@pengi123)

    Hi

    Pls check page https://bit.ly/3ExBD4Q
    I don’t use placement from placement advanced ads settings.
    I create ad banners and I add it in group, from group I set Slider, and after that I add group shortcode to website

    Hi Pengi123,

    Thanks for the response.

    I expect either some settings from the Elementor block section itself or settings related to lazy loading images interfering here.

    Using a manual placement and its shortcode brings the advantage of being able to add inline CSS and a rule to reserve the space at this position.

    I recommend investigating the lazy loading options first, but I can also imagine that script delaying for the slider script triggers the seen effect. Disabling delaying scripts or excluding the slider script files might help here to see if this causes the issue.

    Best regards,
    Henning

    Thread Starter Pengi123

    (@pengi123)

    Hi henningaa

    I disable Lazy load on WP Rocket I see again an issue, so I try to disable all options for displaying and minifying settings but I see the same issue.

    I try also to add CSS code, I don’t have settings for inline but I try to add class then in customization I add min-height:90px, but that doesn’t resolve my issue.

    I am not sure what is wrong with banner 🙁

    Best Regards

    Hi Pengi123,

    my colleague just pointed out that this shift is caused by some CSS which adds margins to lists. Since the slider is basically a list shifting from one list point to the next, the images are also effected.

    Please add the following CSS to your website to resolve the issue.

    .custom-slider ul {
     margin: 0;
    }
    

    Best regards,
    Henning

    Thread Starter Pengi123

    (@pengi123)

    Hi henningaa

    Thank you so much, with code works amazing 🙂

    Best Regards

    Hi Pengi123,

    Thanks for the feedback.

    Can you please let me know which version of the Astra theme you are using? I will then add the fix to our CSS issue section from the slider manual.

    Best regards,
    Henning

    Thread Starter Pengi123

    (@pengi123)

    Hi henningaa

    Sure, I am using Astra child theme version 3.7.3.

    Best Regards

    Thanks for the feedback.

    If you have further questions regarding Advanced Ads, please don’t hesitate to open a new thread.

    Best regards,
    Henning

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Problems with banner slider size’ is closed to new replies.