Menu icon Foundation
Problem with mobile devices

Hi,

I have been designing a website with foundation here: www.davidb.at
As you see it´s not finished as there is a major problem with mobile
devices. Everything works fine on my notebook and on other
dektop-computers.
The screen is 100% filled with my background-div and the slide to the
side is working perfectly.
But when you watch the site on a smartphone (Opera, Firefox,
Android-browser, Chrome) the buttons and the image are not in the right
size - they are scaled down to the screen-size...
Is there a possibility to get it done on the mobile devices?

Thanks for your help!

Mobile Development

Hi,

I have been designing a website with foundation here: www.davidb.at
As you see it´s not finished as there is a major problem with mobile
devices. Everything works fine on my notebook and on other
dektop-computers.
The screen is 100% filled with my background-div and the slide to the
side is working perfectly.
But when you watch the site on a smartphone (Opera, Firefox,
Android-browser, Chrome) the buttons and the image are not in the right
size - they are scaled down to the screen-size...
Is there a possibility to get it done on the mobile devices?

Thanks for your help!

Rafi Benkual about 6 years ago

The easiest way is to use a media query for the button size on mobile:

@media only screen and (max-device-width: 480px) {
/* define mobile specific styles come here */
}