Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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,
    Jonathan

    #861119

    Hey johnbegood33,

    This is possible with the use of a redirect plugin:

    Best regards,
    Jordan Shannon

    #861329

    Perfect! 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.
    #861510

    Hi 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,
    Rikard

    #861513

    Hi 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.
    #862055

    Hi,

    You only want to run the detection script at a certain resolution? I don’t think I’m understanding correctly.

    Best regards,
    Jordan Shannon

    #862478

    Hello 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.com

    I 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”;
    }
    }

    #862524

    Hi,

    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 Shannon

    #862775

    Hi Jordan,

    Thank you very much for this informaiton! I am going to try that.
    Have a nice day,

    Regards,

    Jonathan

    #863183

    Hi,

    You are most welcome!

    Best regards,
    John Torvik

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.