Is it possible that the wordpress theme does not adapt to screen size. I want it to be the same on my ipad, iphone as on my laptop. I kind of like that more and since I changed footer and header colors it looks messy on mobile devices.

Hi Felix ,
To resolve this issue please follow my instruction here:
1. Open header.php in /wp-content/themes/dw-focus/header.php
2. Replace following code –  line 11 

<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">

with: 

<meta content="width=1100" name="viewport">

3. Open dw-focus-carousel.php file in /wp-content/themes/dw-focus/inc/widgets/dw-focus-carousel.php 
4. Replace following code – form line 65 to line 71 

   if( is_mobile() || is_kindle() || is_samsung_galaxy_tab() || is_nexus() ){
 $col = 1; $row = 1;
 $size = 'large';
 } else {
 $col = 4; $row = 4;
 $size = 'medium';
 }

with:

   // if( is_mobile() || is_kindle() || is_samsung_galaxy_tab() || is_nexus() ){
 // $col = 1; $row = 1;
 // $size = 'large';
 // } else {
 $col = 4; $row = 4;
 $size = 'medium';
 // }

5. Add following code to Header code in Dashboard / Appearance / Customize

   <style>
@media (min-width: 1080px) {
 .widget.dw_focus_videos [class*=span].hentry {
 float: left;
 margin-left: 3.8461538461538463%;
 }
 .widget.dw_focus_videos [class*=span].hentry:first-child {
 margin-left: 0;
 }
}
</style>

Hope this helps!