Show a specific menu page depending on desktop or Android environment

  • On my main webpage, a picture is shown and a <FORM> button to open the menu-page.

    The “menu.htm” page is build in HTML as a <TABLE> with 4 columns. Because this menu-page does not fit wishful at smartphone Android, I have created also another page called “smartmenu.htm” where I have re-orderd the different menu options in a <TABLE> with 1 column. So the second menu-page called “smartmenu” is build in HTML as <TABLE> with just 1 column. To open this menu-page I have a <FORM> button at the main page.

    My question is: I want to have only ONE <form> button called MENU, which will open (1) “menu.htm” if current user is a desktop/laptop computer or (2) open “smartmenu.htm” in case of using a smartphone. To open this smartmenu-page I have another <FORM> button at the main page.

    I guess the solution for my problem has to be some php-coding to decide the correct switch to page “menu.htm” or “smartmenu.htm”, depending on Desktop/Laptop use versus Smartphone use.

    Thank you in advance.

Viewing 1 replies (of 1 total)

  • I mean you can use javascript like so: https://codepen.io/tugbucket/pen/dywLPog

    $(document).ready(function() {
 $(".nav__link:contains(Menu)").on("click", function(e){
		e.preventDefault();
		if ($(window).width() < 960) {
		   window.location.;
		}
		else {
		   window.location.;
		}
	});
});

    or you could re-code the menu not being a table and use the same menu

    • This reply was modified 1 year, 1 month ago by tugbucket.
Viewing 1 replies (of 1 total)
  • The topic ‘Show a specific menu page depending on desktop or Android environment’ is closed to new replies.