Livebygrace:
I just hosted my first website this week, though I just started learning programming just of recent. The major challenge I am having now is that the images on the web aren't displaying on phones, they only display when you use laptops to open the site. Pls, what could be the issue?

elninosft:


Is the site responsive? Does it adjust to several screen sizes and resolutions?

webapi:
Be sure there is nothing wrong with your code i.e making mistakes when linking the images. Now clear cache or use another browser on your laptop and phone because most times especially chrome stores cache and it keeps bringing up the old page. Even if you make changes, it won't reflect. So test the pages on a new browser for both laptop and phone. If it still gives error, come back and i will help you.

CAENO:
If its responsive ensure you add the class(img-responsive img-rounded) to the image tag in your html file and it should work.That is,<img src="" class="img-responsive img-rounded"/>.This assumes you are using Bootstrap.Buzz me on mybizdesk_50@yahoo.com.

Livebygrace:
I just hosted my first website this week, though I just started learning programming just of recent. The major challenge I am having now is that the images on the web aren't displaying on phones, they only display when you use laptops to open the site. Pls, what could be the issue?

Dermie:


I think you should check your site on 2 new PC's (not the ones you opened it with before). The images aren't displaying on laptop also, which could be because of the stored location.

When you try to open image in a new tab, you will see this "Not Found. The requested URL /img/managenent2.jpg was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request."

If it's just mobile issue, you can compress or optimize the image.

Livebygrace:


Thanks boss. Maybe I need to visit my hosting company on Monday in case I was wrong with my files upload on the Cpanel. I might not upload it the way I should because I am doing this for the first time.
I will give you the feedback when I come back on Monday. Thanks alot.

Dermie:


You are welcome. What's the update?

Dermie:


You are welcome. What's the update?

Livebygrace:


I was there yesterday sir for the issue and they told me I should rename my files. I Discovered my uploaded folder shows different directories on the web when I view the page source. I have fixed the image problem but the bootsrap parallax image scrol I used create a disign on the site does not display still. Any help, boss?
Thanks alot.

.promo-banner.parallax-window {
    background-image: url('img/project.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

Dermie:


That's nice...the image issue is fixed.

For the parallax image: the below should fix it. add it to your css stylesheet. E.g the layout.css

.promo-banner.parallax-window {
    background-image: url('img/project.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

...Don't know why you chose that particular image. It hurts the eye with the text in place.

Livebygrace:

I will do just what you said. Thnks alot