• Resolved iatridis

    (@iatridis)


    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?

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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');
    }
    Thread Starter iatridis

    (@iatridis)

    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 size

    You would have to remove couple more things from script.
    open main.js file (uncompress it using jsbeautifier.org) and remove this script

    jQuery(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"
            })
        }
    })
    Thread Starter iatridis

    (@iatridis)

    where is main.js file??
    sorry, cant understand

    You 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.

    Thread Starter iatridis

    (@iatridis)

    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?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Mobile version’ is closed to new replies.