Question to Responsive settings

hannessauter

Hi there,

my website is already completed (kaelteblitz.de). I checked the site with different screen sizes and have a few questions now, i really hope you can help me:

1. On page https://kaelteblitz.de/klimatechnik/  i have trouble with responsiveness in ''mid size screens''. See following screenshots:

    Small size (is fine): http://www.directupload.net/file/d/5052/qxnbpbcu_png.htm

    Mid size (bad): http://www.directupload.net/file/d/5052/2x4kof68_png.htm

    Big size (is fine): http://www.directupload.net/file/d/5052/udux3n2u_png.htm

2. On page https://kaelteblitz.de/klimatechnik/  there is a white space on large screens below the footer (>1680x1050). See following screenshot:

     http://www.directupload.net/file/d/5052/mxom7l5x_png.htm

3. On the ''landing page'' is a set a parallax image (like in your demo) - if i look at it on mobile screen it doesn't look good.  You can see it in your demo theme too. Link: http://quirktools.com/screenfly/#u=http://themes.muffingroup.com/be/electric/&w=414&h=736&a=37&s=1 (a small piece is flying around when scrolling to the bottom). I tried to disable section parallax +  section background image - but it doesn't change anything.

Thank you very much. 

Johannes Sauter

Bryan

HI,
1. We do not understand what is wrong in those screenshots, could you explain?
2. Do you mean the space under the footer? There is not enough content, just paste a divider or add padding.
3. There is nothing that can be done about this. If you want it to look good on mobile, you would have to disable it completly on desktop. There is only one piece flying because the rest is on the right side and it is not visible.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

hannessauter

I hope you understand what i mean, my english is not the best ( My Website: kaelteblitz.de )

1. This is my biggest issue... i want to have the layer slider and the text either to have the same height (as it looks on a big screen - http://www.directupload.net/file/d/5052/udux3n2u_png.htm ) or if the screen gets to small for both items, i want them to switch position (as it looks on a small screen - Link: http://www.directupload.net/file/d/5052/qxnbpbcu_png.htm). In my opionion the layout on mid screen looks very broken... - Link: http://www.directupload.net/file/d/5053/xjth434r_png.htm

I tried everything to prevent the text from extending downwards. I'll take any suggestion or workaround, you could give me. Its very important for me - don't let me down guys

 

2. OK, thanks - now i got it.

3. Ok, no worries. It's not important.

Thank you!

Bryan

This is not possible because when the text on the right side is extending and the slider is a block element. In other words, you cannot change the height of an image without changing its width.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

hannessauter

Ok, thanks. Then i have to do it different. Is there a possibility to have the text around the slider like you did it with the image in the demo? See link: http://www.directupload.net/file/d/5054/u7wwcb25_png.htm

The layout is much better with that. Thank you for helping me. 

hannessauter

Ok, ich figured it out. I used this in a coulumn: 

<div style="width: 580px; max-width: 100%; float: left; margin: 0px 25px 15px 0px;">[layerslider id="5"]</div>  

Thanks for your help!

Bryan

If you set the container to 580px wide then it will not be responsive on mobile devices, check that out.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next