Hello Ciaran,
In the following url https://www.filoptohos.org/ the header image and the bottom-1 background photo do not shrink to fit screen in mobile and tablet version.
Can you please advise?
Thank you in advance,
Eri
- erikoraka
- Commercial Templates
- Thursday, 27 June 2024
- Subscribe via email
Hi Eri
Both images are set to cover the background so they will only shrink if the height is reduced on smaller screens.
Ciaran
Both images are set to cover the background so they will only shrink if the height is reduced on smaller screens.
Ciaran
- more than a month ago
- Commercial Templates
- # 1
Hi Ciaran and thank you for your reply.
I changed the image from Header Parallax Background to Header Slideshow Image(s) and the problem was solved, i.e. it is shrinked in mobile or tablet version.
I did not find a solution for the Bottom-1 Background Image though. Do have any workaround for this?
Thank you again.
Best regards,
Eri
I changed the image from Header Parallax Background to Header Slideshow Image(s) and the problem was solved, i.e. it is shrinked in mobile or tablet version.
I did not find a solution for the Bottom-1 Background Image though. Do have any workaround for this?
Thank you again.
Best regards,
Eri
- more than a month ago
- Commercial Templates
- # 2
Hi Eri
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
Ciaran
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
#container_bottom1_modules #jarallax-container-2 div {
background-size: contain !important;
}
Ciaran
- more than a month ago
- Commercial Templates
- # 3
Thank you Ciaran,
It seems though that in iphone 6 screen and ipad it does not work..
Do you have any idea on this?
Thank you again for your help.
Best regards,
Eri
It seems though that in iphone 6 screen and ipad it does not work..
Do you have any idea on this?
Thank you again for your help.
Best regards,
Eri
- more than a month ago
- Commercial Templates
- # 4
Yes, I have added it to all fields of Custom CSS and Responsive Custom CSS.
In android it works fine. I have also deleted cookies from my iphone 6 and ipad..Did you tried yourself?
In android it works fine. I have also deleted cookies from my iphone 6 and ipad..Did you tried yourself?
- more than a month ago
- Commercial Templates
- # 6
Hi Eri
Strangely we are unable to replicate this issue on both phone and tablet iOS devices. Is this still an issue for you?
Ciaran
Strangely we are unable to replicate this issue on both phone and tablet iOS devices. Is this still an issue for you?
Ciaran
- more than a month ago
- Commercial Templates
- # 8
Actually yes. I also tried to delete cookies in case this is the issue but the issue is still there.
I will try and check again the cookies in case this causes the problem and I will come back to you..
Thank you anyway,
Eri
I will try and check again the cookies in case this causes the problem and I will come back to you..
Thank you anyway,
Eri
- more than a month ago
- Commercial Templates
- # 9
Hello again Ciaran,
Is it possible to check if the responsive css code works ok as I have deleted cookies both from my iphone6 and mini ipad and the problem insists. The picture does not shrink as it does in the desktop version.
If you need temporary access to the site's backend please let me know.
Best regards,
Eri
Is it possible to check if the responsive css code works ok as I have deleted cookies both from my iphone6 and mini ipad and the problem insists. The picture does not shrink as it does in the desktop version.
If you need temporary access to the site's backend please let me know.
Best regards,
Eri
- more than a month ago
- Commercial Templates
- # 10
Hi Eri
A shot in the dark this but try also adding the following...
Ciaran
A shot in the dark this but try also adding the following...
#container_bottom1_modules {
background-size: contain !important;
}
Ciaran
- more than a month ago
- Commercial Templates
- # 11
Actually when I add in the responsive settings the code above, the background photo seems to disappear and not shown at all..
Any other idea?
![:(](/media/com_easydiscuss/images/markitup/emoticon-unhappy.png)
Any other idea?
- more than a month ago
- Commercial Templates
- # 12
Hi Ciaran, should it happen that you looked at my issue above?
Do you want to give you temporary access to the backend of the site to check if I have added correctly the css code?
Thank you again,
Eri
Do you want to give you temporary access to the backend of the site to check if I have added correctly the css code?
Thank you again,
Eri
- more than a month ago
- Commercial Templates
- # 13
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »