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

This should be responsive, but somehow.. #804

Open DerWinzer opened 2 years ago

DerWinzer commented 2 years ago

Hey

I've created an Template with the Template Type "Loop". Then I designed it and for every Viewport it was perfectly responsive. But as soon as use the Post Widget and choose my loop, it gets completly stretched out. I really tried everything and i stuck on here for several days. Can anybody help? I really need to finish this project! Thank You

not-respnsive Responsive

DerWinzer commented 2 years ago

Has anybody a clue? Would really appreciate it

dudaster commented 2 years ago

Try and design the loop for the mobile version also.

DerWinzer commented 2 years ago

Try and design the loop for the mobile version also.

Thank you for your response! How would I do that? Could you elaborate a bit more please

DerWinzer commented 2 years ago

tablet

This is my loop template. Everything is completly responsive and works on every viewport

tablet2

But when I select this loop template within the post widget it gets displayed like in the second picture.

@dudaster 🙏

DerWinzer commented 2 years ago

and yes, even when i put it on one column image

DerWinzer commented 2 years ago

With one column it looks like this image

EmerKelly commented 2 years ago

The same thing has been happening to my loops on my last few builds. The CSS for the responsive styles for the loop are being over-ridden by the main styles. So for example, if my column is set to 20% on desktop, and to 100% on mobile, I'll see the mobile styles setting it to 100% but they are being over-ridden by the desktop style setting it to 20%.

I have been able to solve this by going to Elementor - Tools - Regenerate Files and CSS, and then also clearing the cache.

However, whenever I edit the loop the issue returns. As a failsafe, I just write CSS for the responsive style to ensure it always displays correctly, but it's frustrating as I should not have to do this.