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. What is the preferred way to add custom javascript files to the site?
  19. Does the functions.php file ever get called during an AJAX call? Debug AJAX
  20. theme path in javascript file
  21. How to include jQuery and JavaScript files correctly?
  22. Solutions for generating dynamic javascript / CSS
  23. How can I set image sizes and still have responsive images using the srcset attribute?
  24. Proper, exhaustive documentation for wp.editor etc
  25. Any alternate TinyMCE4 themes / subthemes?
  26. jQuery in header or footer
  27. Is there a way to set the order of wp_footer hooked functions?
  28. Google Maps not displaying in wordpress using Google Maps Javascript API
  29. Trigger Customizer saving process with Javascript only
  30. Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap
  31. How to alter the text of the post “Excerpt” box label in WordPress post editor?
  32. How to Add a .js file Only in one specific Page Dynamically to Head
  33. Featured Image in 4.4 should be larger on mobile device
  34. How to use the responsive images feature from WP 4.4 in your themes
  35. How do I “unhook” / de-register jQuery so that it’s not called as part of wp_footer();?
  36. Changing the entire control choices using wp.customize with JavaScript
  37. Check javascript file Proper way in functions.php
  38. WordPress Google Maps in Custom Theme
  39. Modifying JS files in Child-theme
  40. wp_enqueue_script being ignored in custom theme
  41. Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
  42. WordPress Customizer Control with React
  43. Getting jquery to work with custom theme
  44. How to configure wordpress to work with Vuejs with SSR and without hashbang
  45. How to hook CSS file according to theme selection in the customizer section
  46. Adding wp_enqueue_media(); causes problem
  47. using wordpress without javascript
  48. What tags should be used for themes to show the type of layout?
  49. Toggle Sidebar Display
  50. Unhook jQuery from WooCommerce via `functions.php`? [closed]
  51. Fancy-box Esay wordpress plugin fails to work on Multilingual site
  52. Meta tag viewport
  53. Can’t show custom post thumbnail sizes as background images
  54. WP 3.1 upgrade breaks AutoFocus+ theme
  55. How to make wordpress theme iframe responsive
  56. JavaScript Change focus to password field login page being reset
  57. Difficulty loading jQuery with wp_enqueue_script
  58. My javascript jquery won’t work?
  59. How to make Isotope and WordPress work together?
  60. Single page site with history.js
  61. Implementing FancyBox
  62. How to add material design css in wordpress and woocommerce
  63. Use second time navigation.js in underscores [closed]
  64. Theme Javascript.php Overwritten Nightly [closed]
  65. Menu jumping when calling it via PHP
  66. Responsive Images – crop don’t seem to work
  67. How to get javascript slider to work! [closed]
  68. Theme Customizer not loading JS for live preview
  69. Post thumbnail to append post content via ajax click event
  70. 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?
  71. Using page-id-{ID} from body_class() in local dev, versus live staging
  72. Custom theme, contact form 7 & fast secure form doesn’t work
  73. Enqueued JavaScript is not working
  74. Custom image size vs CSS sizing
  75. Change Responsive Images Maximum Width of 1600px
  76. Javascipt issue on custom theme
  77. How to make javascript work on theme options page
  78. How to register and enqueue JavaScript files without breaking plugin dependencies?
  79. wp_enqueue_script not working?
  80. JQuery undefined and Stylesheet loads in bottom along with js files
  81. Weirdness in jQuery supplied with WordPress
  82. How can I wrap all blog posts image with
  83. White screen when attaching css to function.php
  84. WordPress theme resource won’t load over VPN
  85. pass wordpress template directory into ajax url call
  86. theme-independent CSS/JS files
  87. jQuery from parent theme loaded with many other scripts in a single min.js file
  88. Javascript development in Custom Themes
  89. Trouble in enquing all js files under certain directory
  90. add jquery file if a certain page is included
  91. Why a SlideShow (made using JQuery FlexSlider) can’t work if I load it form functions.php but work if I load it from my footer.php file? [closed]
  92. How do I implement jPanelMenu?
  93. Change Image Sizes for Mobile Theme
  94. loading javascript after jquery is loaded
  95. MapPress Easy Google Map in Jquery Tabs Problem
  96. enqueuing external and internal js and css in wordpress did not work with owl.js animate.css
  97. I don’t think WordPress is loading jquery or bootstrap js
  98. getBoundingClientRect() showing different values on load vs scroll
  99. wordpress script_loader_tag in function.php
  100. How to diagnose wp-env environment problem
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)