1. Boris Darin
  2. Hope
  3. Thursday, 23 July 2020
Question above - header background image is garbled.

http://geghardtest.tmweb.ru/kontakty
Attachments (1)
Accepted Answer
Accepted Answer Pending Moderation
Hi,
It is looking stretched because it is trying to fit within a smaller window!
So you can use the following media query:

@media only screen and (max-width: 767px)
{
.sp-page-title {
background-size: 160% 100%;
}
}

This will let you spread the image sideways, so the image will no longer seem to be stretched!
You can change the first percentage value to see which width is good for your eye!

Best Regards
  1. more than a month ago
  2. Hope
  3. # Permalink
Responses (7)
Accepted Answer Pending Moderation
Hi,
It is looking stretched because it is trying to fit within a smaller window!
So you can use the following media query:

@media only screen and (max-width: 767px)
{
.sp-page-title {
background-size: 160% 100%;
}
}

This will let you spread the image sideways, so the image will no longer seem to be stretched!
You can change the first percentage value to see which width is good for your eye!

Best Regards


Ok, thanks!
You are welcome!
  1. more than a month ago
  2. Hope
  3. # 1
Accepted Answer Pending Moderation
Hi,
It is looking stretched because it is trying to fit within a smaller window!
So you can use the following media query:

@media only screen and (max-width: 767px)
{
.sp-page-title {
background-size: 160% 100%;
}
}

This will let you spread the image sideways, so the image will no longer seem to be stretched!
You can change the first percentage value to see which width is good for your eye!

Best Regards


Ok, thanks!
  1. more than a month ago
  2. Hope
  3. # 2
Accepted Answer Pending Moderation
Its also ok in my mobile version see the video which I send


Your video is also distorted in width on tablet and mobile. The church and the mountain in the photo are stretched in height, is it really not visible?
Attachments (3)
  1. more than a month ago
  2. Hope
  3. # 3
Accepted Answer Pending Moderation
Its also ok in my mobile version see the video which I send
  1. more than a month ago
  2. Hope
  3. # 4
Accepted Answer Pending Moderation
Hi,
Could you please check it again. Because its ok in my end. see this video
https://files.fm/u/syp6bcqe
Clear your browser and Joomla cache
-Best Regards
Mehtaz


I mean the mobile version.
  1. more than a month ago
  2. Hope
  3. # 5
Accepted Answer Pending Moderation
Hi,
Could you please check it again. Because its ok in my end. see this video
https://files.fm/u/syp6bcqe
Clear your browser and Joomla cache
-Best Regards
Mehtaz
  1. more than a month ago
  2. Hope
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.