Hello.

As for the background images, they do not really adapt to the resolution of the screen.
I raised the problem on this post, and the support answered me that it was not possible with Website without the addition of personal code. And yet other software allow it quite simply.
Maybe in a future update ...

Jean-Serge.

Hi, I hope is not true...

If so, Incomedia can not sell this product because it does not work.

In preview background images adapt to the resolution with no problem....

btw hamburger menu on smartphone sometimes works sometimes not.

On pc is everything fine, but how many people check your web on the pc today?

Thanks for reply

v

I checked Incomedia website and there is no problem with displaying on smartphone.
So I suppose that problem can be fixed, or Incomedia´s web is not created in WX5.....

Can anybody from Incomedia reply to my questions?

Or do I have to send them an email directly?

Thanks

v

Here is the preview with all resolutions

Vlado, with the background image set in template structure, page background, have you selected fit to window for the image. I see you have different backgrounds for different resolutions, have you ensured the image is resized appropriate to the display resolution (ie for mobile, the picture should be a maximum of 640px wide)?

As for the white space and missing menu occasionally, you have content outside of the available area in the header (& possibly footer). Your logo on mobile is way too big. The logo or any image or content can be resized independently for each resolution. Under template, template content, look for anything near the edges, if you cannot see all 8 handles it needs repositioning, resizing or hiding at that resolution and below.

Hi Esahc,

I have the same backround for all resolution  - I just posted different page preview for each resolution.

I have no option in template structure for header, page background selected fit to window obtion for the image as you can see (Ihave Slovak version, if you need translate something let me know).

Photo to backgraund  I put here

What do you mean "have you ensured the image is resized appropriate to the display resolution"?

I am gonna check content outside of the available area in the header (& possibly footer).

Thanks for help

"for the white space and missing menu occasionally"

I resized all staff at header and footer.

It looks better, menu works fine but two pages "garaze" and "altanky" are still not ok.

There is still missing menu occasionally and when menu appears and you try to open it nothing happens - but if you scroll on the right there is open menu. On the rest of the pages menu works fine.

At preview everything looks great...

Hi Esahc,

I changed some settings at sticking strip, and we can say that menu on smartphone is acceptable for now

Last thing I need to solve is the background image settings.

Could you please try to give me some advice?

Thanks a lot

v

Vlado, I am running out of advise, but have you tried opening the page background image in a paint package and resampling/resizing to say 480 wide x 600 high (or crop a suitable bit out and resample that down), then save as imagename-small.jpg

Replace the background picture for only the mobile phone resolution with the new small image. Does that fix it??

Esahc, I am afraid that this will not help.

For example photo for page "altanok" with gazebo has size 634 x 400 and 117 kb.

What I do not understand is, that in the preview is everything ok - so wx5 has to adapt image for different resolutions.

I wrote to incomedia but I have no reply so far.

I think that this can not be a problem, hundrets of people use backgraund images in wx5, or do not they?

Many tamplates do it the same way.

I used this free tamplate , just with my own photos

https://market.websitex5.com/en/templates/live-preview/ffc1f3ae-2a7d-4278-a2c3-af0deee49c

Vlado, have you tried a different browser on your mobile? I used firefox and saw what you have in your mobile preview. Chrome produces something that looks like sand dunes. I suspect it is something they do to speed up downloads (which is why I recommended a background image specifically for the mobile view).

Esahc, that is great (almost)!

There is only small problem - to force other people to open my web on the firefox only :))

Anyway it means that it should work somehow on the other browser too. Question is how?

Should I ask people from google? Or do you have some other advices?

However you are awesome man!

v

Vlado, try an alternative image for mobiles or perhaps for the mobile view only, set the background as page contents rather than page background, I am now officially out of ideas sorry.

Good luck!!

Tried. No change :(

I try ask google.

One more thanks for all your help!

v

...!...  5.55 MB ... ! ... 5232x3488 pixel ...!...  ... ... ↓↓↓ ... smartphone ...↓↓↓

.

Hi Kol Asim,

Thanks for help.
I resized all images to 800 x 600.
With the same result on chrome...
If you have some other ideas, I would very appreciate them.

Thanks in advance

v

(It > En) ... 792 KB! ... they are still too many ...
... do not use the image format in "*.png"(!), but use the "*.jpg" format, at least six times lighter ...
... if you are interested, you could solve it quickly with little EXTRA code; ... or, if you prefer, wait for the opinion of STAFF ...

ciao

.

ok, I am gonna resize it to jpg

what do you mean "you could solve it quickly with little EXTRA code"?

thanks

v

with jpg still the same result on chrome...

v

Man, I love you!!!

What can I do for you?

Thanks a lot!

v

... I checked on my smartphone: perfect! ...  ... ciao ...

Hi KolAsim,

I found out that on the Iphone is background still displayed with wrong background (safari and chrome)  :(

Do you think there is a chance to solve it somehow?

On Mac it looks ok.

Thanks

v

.....is background still displayed with wrong resolution....

(It > En) ... iphpne ... ... ouch ouch ouch ......
  >> this  is my old invention; the first absolute resize ratio C/C | W/H;
... it should be cross browser ...
... let me know how it behaves on your iphone ...
... if it works well, then we'll see how to use the code on your page ...

.

ciao

.

on my (of course my doughter´s) iphone it looks perfecto :)

Hi,

good news is that background looks ok on the iphone :)

but on all devices (iphone, mac, pc, android phone) is for all pages (home, garaze, altanky, nabytok, kontakt)  the same background image - everywhere is the same image  brushed-oak :(

...  ... Step 3 | Page Properties >>

>> ! >> Step 3 - Map > The Page Properties window | ▪Expert  | ▪Custom Code: ▼Before closing (the BODY or HEAD tag)

Hi, should I insert the same code also to  3 - Map > The Page Properties window | ▪Expert,  or only here?

Or should be also here   2) ... Expert section | ▪Custom Code: > Before closing the HEAD tag    where I inserted it already?

In 3 - Map > The Page Properties window | ▪Expert   we inserted already code BEFORE CLOSING THE HEAD TAG so should I insert it to   BEFORE CLOSING THE BODY TAG?

Thanks

(It> En) ... ... come puoi vedere sono due codici, 1) e 2) , da inserire dove è stato indicato, nelle proprietà della pagina , per ogni pagina con le stesse caratteristiche, cambiando l'URL (SRC), 1).   di immagine con quella della pagina relativa ...

1) ...   ▪ Codice personalizzato:  >  Prima di chiudere il tag BODY

2) ... ▪Codice personalizzato:> Prima di chiudere il tag HEAD

.

(It > En) ... ... as you can see are two codes, 1) and 2), to be inserted where it has been indicated, in the page properties, for each page with the same characteristics, changing the URL (SRC), 1), of the image with that of the relative page ...

1) ...  ▪Custom Code: > Before closing the BODY tag

2) ...  ▪Custom Code: > Before closing the HEAD tag

.

Sorry, but I have no idea about codes at all   :)

So I am gonna insert the new code in step 3 - Map > The Page Properties window | ▪Expert    to   BEFORE CLOSING THE BODY TAG.

And old codes stay in where they are.

Am I right?

... OK ...  ... ... these no! ...to delete:

https://helpcenter.websitex5.com/pl/post/202531#comment21

.

Sorry again, I am totally confused.

Wwhat should I insert in Step 3 - Map > The Page Properties window | ▪Expert ?

thanks

If I understand you correctly, I should insert code No. 2 (the long one) instead of old code to Step 3 - Map > The Page Properties window | ▪Expert

Code 1. (the short one) stay wher it is.

Am I right?

Thanks

This does not work.

I tried to put the cod 2. instead of old code to Step 3 - Map > The Page Properties window | ▪Expert.

Result is the same background image for all pages :(

In old code I had to insert the name for every single background image separately - so this is probably why it does not work properly..

Hi KolAsim,

I tried it.
I inserted new codes 1 and 2 according your instruction and deleted old code from step 3, but it does not work either.

Everywhere is the same background - brushed oak :(
I currently have a web-based version for all devices except the iPhone

If you find a solution for all devices including iPhone in the future, I would be very grateful if you let me know

Thanks for all your effort and help

v

Hi KolAsim,

Please ignore my last posts.
I am sorry for bothering you during last two days with my misunderstanding and my stupidity.

Your codes work perfectly and your help was quick and great.

Background images are displayed correctly at all devices including pc, mac,android phone and iphone of my daughter :)

Problem was on my side. It took me lot of time to understand the simply way how to use them, as you were trying to explain it to me :)
As I said, codes are f.....g mystery for me :)

I hope that Incomedia pay you a lot of money for this help.
You do their job and help people like me instead of them.


btw

As I discovered yesterday, you can google everything except contact to Google support  :)



Thanks for all

Best regards

v

... I'm back now, I'm glad to learn that you've solved. ...