Change my Website from 1024px (ipad) to the Mobile Version

Hey Markus,

I don’t understand your question, could you try to explain a bit further please?

Best regards,
Rikard

Hi,
Sorry for the late reply, I assume that you have a one-page website but have created two pages optimized for two screen sizes.
To load a certain page depending on device and screen size is actually complex for it to work correctly and dependable, I would recommend using a plugin to achieve this. This one might work well.
But if you simply want to load a certain page depending on if it is 1024px or smaller, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
	if ( is_page('home') ) { ?>
	<script>
	if(window.innerWidth < 1024) {
		window.location.replace("http://test.test/shop/");
	} else {
	 
	}
	</script>
	<?php }
	}
add_action('wp_head', 'custom_script');

This script first checks if the page loading is the “home” page, you can use the “home” slug or the page ID to decide which page is replaced.
Then the script checks the inner width of the device screen and if it is less than 1025px then it loads the URL given, please adjust to your URL you want to load for mobile.
For desktop just set your desktop “home” page as the real “home page” in WordPress.
If you test on your desktop by changing the window size you will have to reload the page after each adjustment because the script loads on page load, not on window resize.

Best regards,
Mike

Hi,
For targeting IOS devices try to take advantage of the IOS media queries such as (-webkit-min-device-pixel-ratio: 2) and specific sizes and orientation. Please see: CSS Media Queries for iPads & iPhones
You may have to mix and match the media queries to cover all of your devices, but this site has them laid out nice.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike