Hi its me again :D,
I decided to not bring the whole website with the slider etc. to the mobile view because when someone needs a taxi he does not care about fancy pictures and a slider with high quality images that would take ages to load anyway.
So I thought of a layout that has the SVG logo, the navigation and then a button to call the taxi driver right from the browser (there is a way to link the telephone number to the telephone app on iOS/Android). The other sites are available but they don't appear on the landing page.
What I was actually doing was to hide all the content that was on the tablet/desktop view and craft a new navigation UL and a content section.
When viewing from desktop or tablet those menus and contents are hidden via display: none. I thought I could make them visible again with the display: relative tag but somehow the display: none overrides the relative value although its not the first declaration of the display: (...).
When you load the mobile page you won't see any content. Because the display: none tag overrides the display: relative tag which was made in the media query.
I uploaded the website here: http://www.phermann.tk/tts
Please don't look at the style yet I just wanted to make a prototype for the layout and then perfect it with the styling etc.
Thanks for helping!