Responsive styles not loading after accesing to edit

  • Resolved covalenciawebs

    (@cowalenciawebs)


    1 year, 6 months ago

    Hi, I’m using the last version of Elementor 3.13.3 and Flex boxes. WordPress 6.2.2. Kadence theme 1.1.39.

    I created a section with a main container with a background that changes position in tablet. Also a container inside with width of 50% that changes to 60% in tablet. Everything shows ok and I save it and close the editor.

    If I access again and just change a word of a text and save, the section doesn’t load in frontend the styles for tablet. The background has moved and the container width is 50%. If I load the tablet settings in Elementor editor everything is set correctly. I have to change some of this parameters (width from 60% to 61% and again to 60%) and save again to make them load correctly again.

    I hope there is a solution for this because I have 8 sections in 2 languages.

    Thank you very much.

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

  • Hi,

    Can you send me your site URL, please?

    Thread Starter covalenciawebs

    (@cowalenciawebs)

    The website is in maintenance mode. We will open it soon but not yet.

    Is there any thing I could review? Scripts loaded, inline styles, etc.

    Thank you.

    Thread Starter covalenciawebs

    (@cowalenciawebs)

    There is a css generated by Elementor, post-1150.css. The difference between the correct style and the wrong one is that all responsive styles are not added and adds a 50% width style that shouldn’t be:

    Added:

    .elementor-1150 .elementor-element.elementor-element-9b03cad {
    –width: 50%;
    …

    }

    Not added:

    @media(min-width: 768px) {
    .elementor-1150 .elementor-element.elementor-element-9b03cad {
    –width:50%;
    }
    }

    @media(max-width: 1024px) {
    .elementor-1150 .elementor-element.elementor-element-9f22aa1 {
    –min-height:470px;
    }

    .elementor-1150 .elementor-element.elementor-element-9f22aa1::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .elementor-background-video-container::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .elementor-background-slideshow::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    background-position: 95% 100%;
    background-size: 350px auto;
    }

    }

    @media(max-width: 767px) {
    .elementor-1150 .elementor-element.elementor-element-9f22aa1::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .elementor-background-video-container::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .elementor-background-slideshow::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1150 .elementor-element.elementor-element-9f22aa1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    background-position:96% 100%;
    background-size: 262px auto;
    }

    .elementor-1150 .elementor-element.elementor-element-b79c9f6 .elementor-heading-title {
    font-size: 50px;
    letter-spacing: 1px;
    }

    .elementor-1150 .elementor-element.elementor-element-646a2a3 .elementor-heading-title {
    font-size: 18px;
    }
    }

    @media(max-width: 1024px) and (min-width:768px) {
    .elementor-1150 .elementor-element.elementor-element-9f22aa1 {
    –content-width:100%;
    }

    .elementor-1150 .elementor-element.elementor-element-9b03cad {
    –width: 70%;
    }
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive styles not loading after accesing to edit’ is closed to new replies.