Displaying the BG image full width
- trogladyte
- Topic Author
- Offline
- Platinum Member
3 months 2 weeks ago #72581
by trogladyte
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Displaying the BG image full width was created 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"??!!
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!
Please Log in or Create an account to join the conversation.
3 months 2 weeks ago #72584
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Displaying the BG image full width
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
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.
- trogladyte
- Topic Author
- Offline
- Platinum Member
3 months 2 weeks ago #72586
by trogladyte
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Replied by trogladyte on topic Displaying the BG image full width
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.
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!
Please Log in or Create an account to join the conversation.
3 months 1 week ago #72610
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Displaying the BG image full width
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
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.
3 months 1 week ago #72612
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Displaying the BG image full width
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
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