Mobile version
-
I would like my site to have a mobile version that looks the same as the desktop one. Could you tell me how to do this?
-
If you have a child theme , use this code in your functions.php file
add_action('wp_print_styles', 'supernova_deregister_mobile_styles' ); function supernova_deregister_mobile_styles(){ wp_deregister_style('supernova_mediaquery'); }thanks!!!
btw its not exactly the same, but is a good effort!
for example, menu and slider have big distance
& the Sidebar Width has different sizeYou would have to remove couple more things from script.
open main.js file (uncompress it using jsbeautifier.org) and remove this scriptjQuery(document).ready(function (e) { var t = window.innerHeight + "px"; if (window.innerWidth < 980) { jQuery("#top_most, #nav_wrapper").css({ height: t }); jQuery("#top_most, #nav_wrapper ").css({ overflow: "auto" }) } else { jQuery("#top_most, #nav_wrapper").css({ overflow: "visible" }); jQuery("#top_most, #nav_wrapper").css({ height: "auto" }) } jQuery(".media_left").click(function () { jQuery("#header_navigation").animate({ width: "toggle" }) }); jQuery(".media_left_close").click(function () { jQuery("#header_navigation").animate({ width: "toggle" }) }); jQuery(".media_right").click(function () { jQuery("#nav_wrapper").animate({ width: "toggle" }) }); jQuery(".media_right_close").click(function () { jQuery("#nav_wrapper").animate({ width: "toggle" }) }) }); jQuery(window).on("resize", function (e) { if (window.innerWidth < 920) { var t = window.innerHeight + "px"; jQuery("#top_most, #nav_wrapper").css({ overflow: "auto" }); jQuery("#top_most, #nav_wrapper").css({ height: t }); jQuery("#title_wrapper").css({ "margin-top": "40px" }) } else { jQuery("#top_most, #nav_wrapper").css({ overflow: "visible" }); jQuery("#top_most, #nav_wrapper").css({ height: "auto" }); jQuery("#title_wrapper").css({ "margin-top": "10px" }) } })where is main.js file??
sorry, cant understandYou wont find it from dashboard, use FTP or cpanel to view the theme folder go under supernova/js/main/main.js
If you are not a developer, you should not try this, because you may break something.ok! but sometimes i see my site exactly the same as the desktop, but other times i see mobile version. for example i do refresh and change…
why?
The topic ‘Mobile version’ is closed to new replies.
