Header image won't load on mobile
Topics related to Elif lite theme goes here.

amhoesing

New Member Rank
Posts: 4
Joined: Mon Aug 07, 2017 5:14 pm

Header image won't load on mobile

linkPost by amhoesing » Mon Aug 07, 2017 7:10 pm

Hello! I am just loving this theme! Unfortunately, I am having an issue with my header image not loading on my mobile device. It loads fine on my desktop but not at all on my phone. I've tried resizing the image and uploading the new smaller size image but no luck. I have attached an screen shot of the desktop and a mobile screen shot. Any help is appreciated!
Attachments
desktopwebshot.png
desktopwebshot.png (696.81 KiB) Viewed 2419 times
mobilewebshot.PNG
mobilewebshot.PNG (398.36 KiB) Viewed 2423 times
User avatar
Asmi Khalil

Site Admin Rank
Posts: 781
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Header image won't load on mobile

linkPost by admin » Tue Aug 08, 2017 1:35 pm

Hi amhoesing,
Thanks for using Elif lite :)
When I was checking demo site I found theme styles are not loading. The problem is present on other demo sites too. So we will be moving all demo sites to seperate subdomains.
The new demo site for Elif lite theme is: http://elif-lite.themient.com
On demo site, the background image is showing correctly on mobile phones.
Image
Give me a link to your website and I will check it for you.
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943
amhoesing

New Member Rank
Posts: 4
Joined: Mon Aug 07, 2017 5:14 pm

Re: Header image won't load on mobile

linkPost by amhoesing » Tue Aug 08, 2017 6:41 pm

www. thedarlingdwelling .com is my website. It won't let me reply with a link so disregard the spaces..
User avatar
Asmi Khalil

Site Admin Rank
Posts: 781
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Header image won't load on mobile

linkPost by admin » Tue Aug 08, 2017 7:32 pm

I see your background image when I checked your website;
Image
Which browser are you using?
By the way, your image takes a bit time to load, try compressing it using an online tool (lossless compression)
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943
amhoesing

New Member Rank
Posts: 4
Joined: Mon Aug 07, 2017 5:14 pm

Re: Header image won't load on mobile

linkPost by amhoesing » Wed Aug 09, 2017 1:38 pm

I ran my images through a compression tool as you suggested. I have checked the website on both safari and google chrome on my phone. I just checked and I am still not seeing the header image.
User avatar
Asmi Khalil

Site Admin Rank
Posts: 781
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Header image won't load on mobile

linkPost by admin » Fri Aug 11, 2017 10:06 am

Really have no clue why this is hapening;
On chrome, android 7.0, your header background is loading fine:
Image
Try to test it with another phone.
The background image is displayed using simple CSS rules that is supported by any browser that supports CSS1 and greater. It's even supported by Chrome v1.0 and Safari 1.0. So looks like it's not a browser compatibility issue.
Please try to set it as body background (not header background). See Appearance => Background Image and remove the already set header image.
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943
amhoesing

New Member Rank
Posts: 4
Joined: Mon Aug 07, 2017 5:14 pm

Re: Header image won't load on mobile

linkPost by amhoesing » Fri Aug 11, 2017 4:15 pm

Thank you for your help. I removed the photo as my header image, switched it to the background and it worked beautifully!
Not sure if this needs to be asked on a different thread but I thought I had the ability to add widgets in my footer. Was that feature removed?
Thanks again :)
User avatar
Asmi Khalil

Site Admin Rank
Posts: 781
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Header image won't load on mobile

linkPost by admin » Wed Aug 16, 2017 12:19 am

You're welcome :D
Actually, Elif lite never had that feature but it's a must-have feature on premium themes including our upcoming theme Elif.
I cannot assist you with implementing this feature on Elif lite since it involves a lot of styling (especially if you want a dark footer with white text).
Elif lite has a second theme layout called "Simple" (see Appearance => Customize => Design & Layout => Theme Layout) which will combine site header with the sidebar (A preview for this layout was available in the old demo site but we will add it to the new one in the future). Maybe you though these widgets are footer widget but in fact they are sidebar widgets which were placed inside the header with black background and white text color? It's easy to replicate this, just change theme layout to "Simple" and set header color to white and background color to black.

If possible, please share your opinion about Elif lite on WordPress.org https://wordpress.org/themes/elif-lite. I am not asking for 5 stars, just write your honest opinion about this theme.
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943

Who is online

Users browsing this forum: No registered users and 1 guest

It is currently Sun Aug 25, 2019 4:55 am