CODEWITHSUNDEEP
phpresponsive-design
user1887669
user1887669

Reputation: 23

Remove function depending on screen size

I am making a responsive theme that on some pages uses a slider/calculator, I have a normal version (slider.php) and a small version (small-slider.php) for smaller screens/mobile devices.

I want to remove the normal version and replace it with the smaller version depending on screen size.

How do I do this?

Thanks in advance :)

Upvotes: 1

Views: 1570

Answers (4)

reikyoushin
reikyoushin

Reputation: 2021

you can't detect screen size using PHP.. but if you insist you can check if it is accessed from a mobile device via User Agent Strings

i used this library before to check if a user is accessing the site in a mobile, a tablet or a desktop device..

https://code.google.com/p/php-mobile-detect/

there, you can do something like this:

include 'Mobile_Detect.php';
$detect = new Mobile_Detect;

// Check if acessed from mobile

if ($detect->isMobile()) {
    include 'small-slider.php';
} else {
    include 'slider.php';
}

take note that that $detect->isMobile() will return true on tablets too, so if you want only mobile devices to use the small slider, use this instead:

if ($detect->isMobile()&&!$detect->isTablet()) {

» see the API for more info

although based from experience, this is a better approach for separate mobile sites than for responsive design.

Upvotes: 1

jbakker
jbakker

Reputation: 457

You can do this in your css:

@media screen(max-width:1000px) {
    body {
        background:#000000;
    }
}

@media screen(max-width:100px) {
    body {
        background:#ffffff;
    }
}

This way you'll be able to do stuff, if you dont want something, just removit by doing something like this in the CSS.

Upvotes: 1

Pitchinnate
Pitchinnate

Reputation: 7556

Your best bet would be to not include either, then once the page loads use javascript detect the browser window size and use Ajax to pull the appropriate calculator.

Upvotes: 1

samayo
samayo

Reputation: 16495

You can not remove a PHP function depending on the screen size of the browser, other than detect if it is a phone, or not using the PHP provided SERVER variables, but if you do not want to show what your function echo when you are using mobile phone, you can use display:none value, in your CSS to whatever the function echoes, from being desplayed

Upvotes: 1

Related Questions