Question to Responsive settings

hannessauter · April 2018

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 · April 2018

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

hannessauter · April 2018

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 · April 2018

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

hannessauter · April 2018

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 · April 2018

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 · April 2018

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

Question to Responsive settings

Comments

This website uses cookies