• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 02.10.17, 14:05
  • Opened by: arienti andrea
  • Closed by: Marek
  • Closed on: 29.10.17, 15:51
  • Reason: Closed
  • Comment: Glad to help!

Ticket #10879 - Not responsive for mobile phone

not responsive for mobile phone

Comments

Marek 02 Oct 2017, 19:22

Hi, Andrea.
Could you please give me more details? Please also make a screenshot of the issue

arienti andrea 02 Oct 2017, 19:48

I don’t know how put here the screenshot, is possible for you search my shop
Www.leteledimargi.it?

Marek 02 Oct 2017, 19:58

I just opened your shop, and I don’t see the issue.
Here is the description of the buttons in out support http://awesomescreenshot.com/0ca6doi260

arienti andrea 02 Oct 2017, 20:04

{{}}

Marek 02 Oct 2017, 20:27

Do you mean the images are not fully visible?

arienti andrea 02 Oct 2017, 20:41

Yes

Marek 02 Oct 2017, 20:57

Try to use following CSS to fix that:

.fp-section {
background-size: contain;
background-repeat: no-repeat;
}
arienti andrea 02 Oct 2017, 21:35

it doesn’t show anything anymore with the css code you provided. i am removing it since the website is no more usable.

Marek 02 Oct 2017, 21:52

I just did it for you

arienti andrea 02 Oct 2017, 22:14

thank you.
now the images in the desktop version are 3/4 of the width of the screen.
the mobile version still shows the images not properly.

Marek 02 Oct 2017, 22:18

Yes, right.
Do you have an idea how it should be?

arienti andrea 02 Oct 2017, 22:32

i deleted the css code you used since it was not making the desktop version work properly.
now the desktop version is fine.
talking about the mobile version, i am attaching some screenshots made with my iphone to explain you what i am seeing (and what is wrong)
{{}}

Marek 02 Oct 2017, 23:29

I understand the issue, but there are only two ways to display the slide image.
1. Full width
2. Full height
If you have an idea how to display images in another way, just let me know

arienti andrea 04 Oct 2017, 19:35

If I understand correctly, this means the website does not resize the images completely to fit the screen of mobile phones.
I tried the desktop version on several computer (different screen size) and it works like a charm.
I tried the mobile version and you can see only these broken/half images

Marek 04 Oct 2017, 23:47

There are only two ways to resize images, by width, or by height.

arienti andrea 05 Oct 2017, 08:38

ok i understand that. but if i resize either by width or by height, on the mobile phone the appearance is not correct.

Marek 05 Oct 2017, 10:48

ok, please offer your solution, and I’ll try to implement it

arienti andrea 05 Oct 2017, 11:00

I am not a programmer, as you know, so i don’t know how to do it.
i just know there are some similar website/themes (i am thinking more about wordpress themes) that can handle this kind of display without problems.

Marek 05 Oct 2017, 11:03

You should not be a programmer, just let me know how do you think it should look like. Maybe show me an example

Marek 05 Oct 2017, 12:23

Ok, no problem.
The solution is very easy, and I already applied it.

.fp-section.fp-table {background-position: 50% 50%;}
arienti andrea 05 Oct 2017, 13:51

It seems to work better with this setting.
Anyway i was thinking about the way the website i linked lets you scroll down the page when u have a mobile screen size