Site does not adapt to different browsers

Illdy
1

Hi i have some problems with my site not adapting right on different browsers and the news section hoppes all around and leaves blank spaces if i display more then 3 new posts on the front page.

When i use my Iphone6 to go to the page the name of the site “FERDAPRESSAN” gets cut off (this works though on my ipad)

When I use my ipad on the other hand, the team is displayed rather messy, the names jump up and down placing themselves besides the image or bellow and it makes blank spaces as well in stead of following the grid (like the news section does as well)

my site url is http://ferdapressan.is/

Hope you can help us? :slight_smile:

Best.
Oddny

2

Hello,

Use this CSS code to fix the header text size on small screens:

@media only screen and (max-width: 480px){
#header .bottom-header h2 {
    font-size: 30px;
}}

I will start an investigation of the responsive issues, it seems like on tablets the content does not falls exactly right one after the other.

Regards

3

Thank you so much, worked like a charme.

Best.
Oddny