Tagged: enfold
-
AuthorPosts
-
October 6, 2017 at 2:50 pm #861034
Hello,
I have a nice image on my homepage: http://www.begoodhigh.com
But on smartphones, we can’t see anything because the image is too big. So I would like that, on mobile devices, that another Homepage open. Like, for example: http://www.begoodhigh.com/mobile (I have already created it).
Could you help me with that?Thanks a lot in advance,
Regards,
JonathanOctober 6, 2017 at 6:35 pm #861119Hey johnbegood33,
This is possible with the use of a redirect plugin:
Best regards,
Jordan ShannonOctober 7, 2017 at 7:12 am #861329Perfect! It works really well and it’s very simple :-)
Thanks a lot Jordan!And do you know how I can set the resolution from which this mobile webpage has to open ?
Thanks in advance,
Have nice day,
Regards,
Jonathan
- This reply was modified 7 years, 1 month ago by johnbegood33.
October 8, 2017 at 10:36 am #861510Hi Jonathan,
I’m not sure exactly how that plugin works, but I think it detects if it’s a mobile device and redirects if it is. I think that is the best way to go instead of setting a pixel value. If you really need to have that then maybe you can find something in the plugin documentation?
Best regards,
RikardOctober 8, 2017 at 10:44 am #861513Hi Rikard,
Thanks you very much for your response. I am sure that the plugin doesn’t allow that.
But I wanted to know if it would exist a way to set the detecting of a mobile device by adding a CSS code or media queries….For example, to get the “Burger menu” on the landscape on iPad, I have added this in the Quick CSS (it works only for the menu):
@media only screen and (max-width: 1150px) {
nav.main_menu {
display:none !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
}
}But my problem is that I don’t want that the mobile page open on iPad landscape, so I would like to fix the resolution to manage the opening or not of the mobile page. By adding another Media query (I don’t find it on the web) or with another way.
Thanks a lot in advance for your response,
Regards,
Jonathan
- This reply was modified 7 years, 1 month ago by johnbegood33.
October 9, 2017 at 7:34 pm #862055Hi,
You only want to run the detection script at a certain resolution? I don’t think I’m understanding correctly.
Best regards,
Jordan ShannonOctober 10, 2017 at 3:01 pm #862478Hello Jordan,
Sorry if I am not clear enough, I have difficulties to explain my problem.
To make simple, would it be possible for you to help me to write a Media Query that allows me to fix the resolution below which my homepage http://www.begoodhigh.com/mobile open, instead http://www.begoodhigh.comI have tried to right a media query but it doesn’t work (cfr. below). Do you know media queries and if yes, would it be possible for you to correct it?
Thanks a lot in advance,
Regards,
Jonathan@media (max-width: 1080px)
{
homepage {
target url “www.begoodhigh.com/mobile”;
}
}October 10, 2017 at 4:42 pm #862524Hi,
This is not possible with css. You would need to use a plugin which allows screen based redirect, or use JS like the following: https://stackoverflow.com/questions/4262289/redirect-based-on-screen-resolution-with-jquery
Best regards,
Jordan ShannonOctober 11, 2017 at 9:11 am #862775Hi Jordan,
Thank you very much for this informaiton! I am going to try that.
Have a nice day,Regards,
Jonathan
October 12, 2017 at 6:38 am #863183Hi,
You are most welcome!
Best regards,
John Torvik -
AuthorPosts
- You must be logged in to reply to this topic.