Set start page depending on screen width [closed]

It’s pretty hard for PHP to know your screen width. It’s more of a job for jQuery. But your approach seems kind of backward. If the site is supposed to be responsive — why are you trying to deliver different pages to your visitors based on screen width?

It would seem you should handle varying content via media queries.

So if you have 5 pieces of content… let’s say

  1. Header A – intended for desktop

  2. Header B – intended for mobile

  3. Content – same for all

  4. Footer A – intended for desktop

  5. Footer B – intended for mobile

You would hide the mobile (B) components when screen width is greater than X, and show the desktop (A) components.

Conversely, when screen width is less than X, you would do the opposite: showing mobile components (B) and hiding desktop components (A).

Make sense?

Related Posts:

  1. pass object/JSON to wp_localize_script
  2. What is the best practice for customizing a plugin’s JavaScript/jQuery?
  3. How to Change CSS Variable value in Theme Customizer Live Preview
  4. How to correctly add JQuery in a WP theme?
  5. Including Javascript options
  6. jQuery not available to other scripts
  7. How to: JQuery multiple wordpress media uploader buttons in the same options page?
  8. My jQuery is enqueued properly. So why isn’t it working?
  9. How to enqueue scripts properly with ES6 webpack?
  10. change background image on scroll
  11. How would I get this to work – send to post from thick box
  12. FitVid not working for iframes on particular theme install
  13. Theme now uses require.js and enqueue script no longer works
  14. can’t add EVENT LISTENER to a element
  15. jQuery Snippet Not Working on WordPress Site [closed]
  16. WP Customizer get control value on change
  17. Execute javscript when theme customizer loads (autosave issue)
  18. Does the functions.php file ever get called during an AJAX call? Debug AJAX
  19. theme path in javascript file
  20. How to include jQuery and JavaScript files correctly?
  21. Solutions for generating dynamic javascript / CSS
  22. How can I set image sizes and still have responsive images using the srcset attribute?
  23. Proper, exhaustive documentation for wp.editor etc
  24. Any alternate TinyMCE4 themes / subthemes?
  25. jQuery in header or footer
  26. Trigger Customizer saving process with Javascript only
  27. Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap
  28. How to Add a .js file Only in one specific Page Dynamically to Head
  29. Featured Image in 4.4 should be larger on mobile device
  30. How to use the responsive images feature from WP 4.4 in your themes
  31. How do I “unhook” / de-register jQuery so that it’s not called as part of wp_footer();?
  32. Changing the entire control choices using wp.customize with JavaScript
  33. Check javascript file Proper way in functions.php
  34. WordPress Google Maps in Custom Theme
  35. Modifying JS files in Child-theme
  36. wp_enqueue_script being ignored in custom theme
  37. Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
  38. WordPress Customizer Control with React
  39. Getting jquery to work with custom theme
  40. How to configure wordpress to work with Vuejs with SSR and without hashbang
  41. Adding wp_enqueue_media(); causes problem
  42. Toggle Sidebar Display
  43. Fancy-box Esay wordpress plugin fails to work on Multilingual site
  44. Meta tag viewport
  45. Can’t show custom post thumbnail sizes as background images
  46. How to make wordpress theme iframe responsive
  47. JavaScript Change focus to password field login page being reset
  48. How to make Isotope and WordPress work together?
  49. Single page site with history.js
  50. Implementing FancyBox
  51. How to add material design css in wordpress and woocommerce
  52. Theme Javascript.php Overwritten Nightly [closed]
  53. Menu jumping when calling it via PHP
  54. Responsive Images – crop don’t seem to work
  55. How to get javascript slider to work! [closed]
  56. Post thumbnail to append post content via ajax click event
  57. Would to use AJAX to get an option from the database and use it in a jquery setup or is there an alternative to consider?
  58. Using page-id-{ID} from body_class() in local dev, versus live staging
  59. Custom theme, contact form 7 & fast secure form doesn’t work
  60. Custom image size vs CSS sizing
  61. Change Responsive Images Maximum Width of 1600px
  62. Javascipt issue on custom theme
  63. wp_enqueue_script not working?
  64. White screen when attaching css to function.php
  65. WordPress theme resource won’t load over VPN
  66. pass wordpress template directory into ajax url call
  67. theme-independent CSS/JS files
  68. jQuery from parent theme loaded with many other scripts in a single min.js file
  69. Javascript development in Custom Themes
  70. How do I implement jPanelMenu?
  71. loading javascript after jquery is loaded
  72. getBoundingClientRect() showing different values on load vs scroll
  73. wordpress script_loader_tag in function.php
  74. How to diagnose wp-env environment problem
  75. how can i remove js file from my footer in wordpress
  76. Cannot collapse a responsive menu in WordPress
  77. How to properly use AWS SES for a contact form?
  78. Ajax Comment Upvotes – Votes don’t always register
  79. add class to all images inside the content
  80. Customizer Image-Picker Preview Not Working
  81. how to add jquery to wordpress
  82. Flexslider not working for my custom theme WordPress
  83. Theme customizer live preview JS- Trying to bind to an html image url without luck
  84. Can’t attach Javascript to theme
  85. enqueue script if page is not equal to
  86. wp_deregister_script was called incorrectly
  87. Using wp_enqueue_script with social media buttons?
  88. How to convert that page to a wordpress template? [closed]
  89. wp_enqueue_script causes page to vanish
  90. WordPress Subpages Fancybox Trouble
  91. How to reuse parts of WordPress site e.g. header, footer, part of header for multiple WordPress sites?
  92. How to resize video lightbox popup in wordpress? [closed]
  93. Elementor Pro and Astra have different breakpoints – how to salvage?
  94. Javascript as Jquery Function Call?
  95. WP site makes mobile browser crash for high memory usage
  96. Correct way to make a custom block theme responsive
  97. How to get the value entered in the input field in wordpres
  98. How react js and other Javascript Technologies works on WordPress plugin?
  99. How do I work with responsive images in WordPress? (img srcset/sizes)
  100. Is there any halfway decent documentation on the wp.media JS class?