Website mobile friendly help

[Anima core]

Hi all,

 

I am building a website for a charity and looking to make it live soon but I have noticed that it does not scale well on different sized screens. Does anyone know how to fix this & to make the banners scale also.

 

It is running wordpress, here is a link - http://members.dentaid.org

 

Thanks

[Cruorzy]

I think you did a good job with the images, you shouldn't crop them and do what you did, have something interesting in the center en build upon that.

 

The problem would be your navigation bar that extends down over the image of the friendly man.

 

You could try making the margins/paddings and font-size smaller.

[Anima core]

1 minute ago, Cruorzy said:

I think you did a good job with the images, you shouldn't crop them and do what you did, have something interesting in the center en build upon that.

 

The problem would be your navigation bar that extends down over the image of the friendly man.

 

You could try making the margins/paddings and font-size smaller.

I don't mean to crop it, i mean so it resizes to the screen size (so people don't lose part of the image on lower sized screens)

 

I'm no good with css & stoofs so not too sure how to do this

[Cruorzy]

Telling you how might not the best coming from me, I generally suck at CSS and mobile design. But keep in mind you will lose a lot of height because the image is quite long.

You can start with a Media Query and telling the image is should be ***px height and 100% width.

[Anima core]

I think i have now gotten around the navigation bar size so it should scale right on most sized screens

[Anima core]

Just now, Julian2000nl said:

 

This is the navigation bar I'm getting

 

Res: 1200x800

Browser: Yandex Browser

Host OS: Ubuntu 17.04

Aye, i think i gotta live with it being like that as they really wanted "Donate" on the nav bar and under support us also unless anyone knows how to fix it