Displaying the BG image full width

More
3 months 2 weeks ago #72581 by trogladyte
ayalaspropainting.com/test

I have 2 modules, one for desktop/laptop, and the other for phones. The desktop version has a landscape shaped BG image, and the phone one a portrait shaped one. The settings for the image are:

Attachment
 scroll fixed 
Repeat
 None Horizontal Vertical Horizontal and vertical 
Size
 None Cover 

In Template Creator, they're in a row with "Full Width Wrapper" selected.

Yet, regardless of how I format spacing above and below the first and last elements, I cannot get the entire width of the image to display. I have attached the image used, and you can see it's cut off a little on both the left and right.

Is this expected behavior or "operator error"??!! :-)

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Attachments:

Please Log in or Create an account to join the conversation.

More
3 months 2 weeks ago #72584 by ced1870
Hi
on desktop I got the entire image width (low resolution and only a small part of it is displayed)
when you reduce the size of the screen, your image will adapt so that its height is enough to cover the row. But the row has then a small width and large height, your image is horizontally truncated.
This is how it works when using the "cover" method
else you must set a different background image for the small resolutions (portrait mode)

CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
3 months 2 weeks ago #72586 by trogladyte
I actually made a portrait version to use on phones because I had encountered this issue with wide images previously. However, even reducing the image down to 250px wide still did not display the full width.

Then I had a meeting with the client and saw the real issue. He has an iPhone 15 and how it displayed shocked me. I've attached a screenshot. From the small amount you can see in it, you will notice how it is ultra-zoomed in, not displaying anything like it should.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Attachments:

Please Log in or Create an account to join the conversation.

More
3 months 1 week ago #72610 by ced1870
I'm searching for the url of the page to check again, but it seems that you removed it
I don't remember but I think that it was in fixed position, right ?
For Apple device you must check that
www.template-creator.com/en/blog?view=ar...tion-and-ios&catid=9

Let me know
For the images selection, send me an admin access by email but I think that your image on mobile is just not designed correctly

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
3 months 1 week ago #72612 by ced1870
ok I have checked
but I don't understand : why have you created 2 modules (desktop/mobile), only to change the image background ?
if yes, note that you can do it in the template having different background image for different resolutions and have the same content with Page Builder CK

anyway I have fixed your issue :you have worked with the modules and may be duplicated them, so having 2 times the same ID in the page
the same css were applied
I updated the ID of the row in the PBCK mobile module and it works

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.206 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 684 guests and one member online