Color section background image size issues on Iphone - Support

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
August 7, 2014 at 5:31 pm #301224

McEwans
Participant

Hi i’m not sure if there is anyone who could run a test for me on their iphone on this page http://dev.mcewan.co.za/about/

There seems to be an issue with the background image applied to the color section. There is space above and below the image, and the background color can then be seen. When resized in a desktop browser it works perfectly.

Is this a bug on the iphone for the color section background image?

August 8, 2014 at 5:26 am #301449

Josue
Inactive Moderator

Hi McEwans!

Can you post a screenshot of your view on iPhone depicting the issue?

Best regards,
Josue

August 8, 2014 at 12:44 pm #301591

McEwans
Participant

This reply has been marked as private.

August 8, 2014 at 7:01 pm #301782

Josue
Inactive Moderator

Hey!

I’ll ask Yigit to check this issue on his iPhone.

Regards,
Josue

August 11, 2014 at 3:40 pm #302652
Yigit
Keymaster
Hi!

Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (max-width: 480px) {
.avia-section {
background-size: cover;
}}
```
Best regards,
Yigit
August 11, 2014 at 4:25 pm #302699

McEwans
Participant

unfortunately this does not seem to work

August 11, 2014 at 4:28 pm #302702

Yigit
Keymaster

Hey!

Please flush browser cache, it does seem to work fine on my iPhone 4 – http://i.imgur.com/a9CaP8s.png

Cheers!
Yigit

August 11, 2014 at 5:03 pm #302725

McEwans
Participant

Sorry i have cleared the cache on all mobile browsers and still most of the pages have spacing issues.

Screenshots
http://www.mcewan.co.za/screen_shots/uac_iphone/itoolscreenshot-1.png
http://www.mcewan.co.za/screen_shots/uac_iphone/itoolscreenshot-2.png
http://www.mcewan.co.za/screen_shots/uac_iphone/itoolscreenshot-3.png
http://www.mcewan.co.za/screen_shots/uac_iphone/itoolscreenshot-4.png

August 11, 2014 at 5:12 pm #302735

McEwans
Participant

The back ground doesnt seem to be working here either http://dev.mcewan.co.za/careers/

August 12, 2014 at 12:03 pm #303134

McEwans
Participant

Hi any help with this would be greatly appreciated.

August 12, 2014 at 4:32 pm #303287
Yigit
Keymaster
Hey!

I cannot view your screenshots but i have checked your “Careers” page. Please try adding following code to Quick CSS as well
```
@media only screen and (max-width: 480px) {
.avia-section.av-minimum-height .container .content { display: block; }}
```
If that too does not help, please create a temporary admin login and post it here privately.

Regards,
Yigit
August 12, 2014 at 5:33 pm #303344

McEwans
Participant

This reply has been marked as private.

August 13, 2014 at 9:27 am #303686

McEwans
Participant

Hope to you hear from you soon on this! Thanks Yigit

August 13, 2014 at 3:34 pm #303883

McEwans
Participant

Hi Yigit, and news on this issue on mobile yet?

August 13, 2014 at 4:37 pm #303915

Yigit
Keymaster

Hey!

I am working on it. You can see that i have created a test page which is a clone of your careers page. We will keep you updated :)

Regards,
Yigit

August 14, 2014 at 12:45 am #304086

Yigit
Keymaster

Hey!

Please upload background images with at least 1500px in height. I used 1500x1500px on test page ( yourwebsite.com/test-page ) and this is how it looks on my iPhone 4 – http://i.imgur.com/zzCvjxh.png http://i.imgur.com/DI6LL2F.png
I have commented out custom CSS code in Quick CSS field

Best regards,
Yigit
Author

Posts

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.