Slider on home not resposible: type is very huge, imagery not scaled in width

[katerine]

Dear support team,
there are problems converning the responsive behaviour of the website, especially with the slide show on the home.
http://loveshamburg.de/

If you visit the website with a mobile like iphone, the type doesn’t seem to be scaled down, like it usually is and the imagery is also not scaled in the width. so the problem is, that the text isn’t ledgible anymore and it looks really stupid and strange, hyphenation of words are in the middle of words where it doesn’t even make any kind of sense. Please be so kind to check:
http://loveshamburg.de/

the problem with the imagery i have realized at one other part of the website again. When you visit “über love S” there is one image used really big. on mobile it’s just cut to the left and right side, no scaling down. is this normal?: http://loveshamburg.de/about/

To make the check easier, i have just added a link, where i have tested the mobile behaviour and you can see the problems, I am talking about:
http://mobt.me/CfC7

How can we fix that?

Best and many thanks,
katerine

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Let’s try to reduce the font size in Mobile devices.

Add the code below to your custom css

@media only screen and (max-width: 767px)
.spb_swift-slider span {
 font-size:20px!important;
  line-height: 20px !important;
}

Let us know the result, if it needs more adjustments.

-Rui

[katerine]

Dear Rui,
something is not working with that code.

Please check my screenshot, there is a red cross.
Nothing is changing when updating after adding the code.

Best and many thanks,
katerine

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove last code and use this code because some braces missed in last code:-

@media only screen and (max-width: 767px){
.spb_swift-slider span {
 font-size:20px!important;
  line-height: 20px !important;
}
}

Thanks
Mohammad

[katerine]

Dear Mohammad,
thank you very much. Type size is smaller now.
But Line-height is not changing on mobile, please check on link below. Why is that and how can we make it work?

http://mobiletest.me/iphone_5_emulator/?u=http://loveshamburg.de

Besides, is it possible to change height or scaling of imagery for mobile view? if this is not possible, is it possible to change borders of text to the left, right, top and bottom to optimize?

Thank you so much,
Katerine

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot to indicate the issue.
Thanks
Mohammad

[katerine]

please check the screenshots and you can see,
that it’s not the screenshot i am wanting to have.

Thanks,
Katerine

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

In the second slide remove the </br> between the 2 words.
Also replace the last css by this one (added the float:left;)

@media only screen and (max-width: 767px){
.spb_swift-slider span {
 font-size:20px!important;
  line-height: 20px !important;
  float:left!important;
}
}

-Rui

[katerine]

Hey Rui,
Thank you so much,
this helped to solve the problem.

[Swift Ideas – Ed]

Great – good job team.

– Ed