Okay
  Public Ticket #3500650
on mobile site container to big
Closed

Comments

  • Bert Zum Vörde Sive Vörding started the conversation

    Hello,

    At this moment we are experiencing problems with some specific pages where the header keeps breaking the container boundaries. Which make the website for some pages unusable. But we can't find where this problem lies. 
    for instance:
    sbzid.nl/onze-diensten

    In elementen it show that it is fine. But in the real world it is broken

  •  870
    Neuron replied

    Hi,

    Can you please provide me with your wp-admin, I will have a quick look to see what's going on.

    Feel free to ask for anything you need.

    Kind Regards


  •   Bert Zum Vörde Sive Vörding replied privately
  • Bert Zum Vörde Sive Vörding replied

    Hello,

    Is there any progress. Because we are no finding the problem. 

  • Bert Zum Vörde Sive Vörding replied

    I find the following that the carousels will explode the body to a size that is large than it should. It looks like there is something wring with the responsive Css.

  •  870
    Neuron replied

    Hi,

    I've just fixed the issue on the header by adding some margin-top to the content.

    About the issue with the carousel, can you please attach a URL of the page where you're experiencing this issue, I've just checked some carousels on your site and they were displaying all right on mobile.

    Feel free to ask for anything you need.

    Kind Regards


  • Bert Zum Vörde Sive Vörding replied

    Hello,

    It is the same URL (sbzid.nl/onze-diensten) as in the first message. The issues is not viewable in de mobile editor of Elementor. But if you view it with the developer kit in Chrome browser. This is what also happens on mobile devices.
    You can easily try it because testimonial carousel it now set for all the the devices and the problem is there. But if you exclude it from mobile devices the problem isn't there.

    About the margin part I will look in to it.

  • Bert Zum Vörde Sive Vörding replied

    Hello,

    I haven't heard anything back. Is there any news

  •  870
    Neuron replied

    Hi Bert,

    I've just fixed the testimonial issue by adding the following code at Elementor's editor > Site Settings > Custom CSS.

    /* Carousel Visible */
    .swiper-slide-visible,
    body:not(.elementor-editor-active) .h-neuron-animation--wow:not(.active) {
        opacity: 1 !important;
    }
    @media (max-width: 1279px) {
        .neuron-slides-wrapper {
            overflow: hidden !important;
        }   
    }
    

    Feel free to ask for anything you need.

    Kind Regards