search

dudaster / ele-custom-skin

Create a skin for Elementor Pro Post and Post Archive widgets using Elementor templates
GNU General Public License v3.0
59 stars 10 forks source link

Slider Carousel post loop columns not responsive #786

Open umm-wdc opened 2 years ago

umm-wdc commented 2 years ago

Using Flex container and When we use 2 columns in loop, its working well in desktop and but in mobile its not responsive and it shows the same two column @dudaster . None of the mobile specific CSS seems to be working when using Flexbox and Posts Slider

bislamovic commented 1 year ago

Same for me - it mess whole mobile site. It overflow and not responding on any flex configuration. Only slider is the problem, when it is in normal post everything works as expected...

bislamovic commented 1 year ago

I found out that in article it add width which cause my problem:

style="width: 996.333px; margin-right: 5px;"

<article id="post-46656" class="elementor-post elementor-grid-item ecs-post-loop swiper-slide post-46656 katalog type-katalog status-publish has-post-thumbnail hentry tema-unutarnje-i-vanjsko-uredenje-doma proizvodjac-artemide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" **style="width: 996.333px; margin-right: 5px;"**>
                <div data-elementor-type="loop" data-elementor-id="46230" class="elementor elementor-46230 elementor-location-single post-46656 katalog type-katalog status-publish has-post-thumbnail hentry tema-unutarnje-i-vanjsko-uredenje-doma proizvodjac-artemide">
                        <div class="elementor-element elementor-element-b265e08 e-container--column e-container" data-id="b265e08" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">       <div class="elementor-element elementor-element-7805866 e-container--column e-container" data-id="7805866" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">               <div class="elementor-element elementor-element-8ac95bd elementor-widget elementor-widget-spacer" data-id="8ac95bd" data-element_type="widget" data-widget_type="spacer.default">
                <div class="elementor-widget-container">
                    <div class="elementor-spacer">
            <div class="elementor-spacer-inner"></div>
        </div>
                </div>
                </div>
        </div></div>                </div>
                </article>

this margin-right: 5px; is added here:

image