Title: Mobile version
Last modified: August 21, 2016

---

# Mobile version

 *  Resolved [iatridis](https://wordpress.org/support/users/iatridis/)
 * (@iatridis)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-version-17/)
 * 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)

 *  Theme Author [Mohammad Taqui Sayed](https://wordpress.org/support/users/sayedwp/)
 * (@sayedwp)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-version-17/#post-4195896)
 * 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](https://wordpress.org/support/users/iatridis/)
 * (@iatridis)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-version-17/#post-4195918)
 * 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
 *  Theme Author [Mohammad Taqui Sayed](https://wordpress.org/support/users/sayedwp/)
 * (@sayedwp)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-version-17/#post-4195919)
 * 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](https://wordpress.org/support/users/iatridis/)
 * (@iatridis)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-version-17/#post-4195927)
 * where is main.js file??
    sorry, cant understand
 *  Theme Author [Mohammad Taqui Sayed](https://wordpress.org/support/users/sayedwp/)
 * (@sayedwp)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-version-17/#post-4195928)
 * 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](https://wordpress.org/support/users/iatridis/)
 * (@iatridis)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-version-17/#post-4196046)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/supernova/2.1.0/screenshot.png)
 * Supernova
 * [Support Threads](https://wordpress.org/support/theme/supernova/)
 * [Active Topics](https://wordpress.org/support/theme/supernova/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/supernova/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/supernova/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [iatridis](https://wordpress.org/support/users/iatridis/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/mobile-version-17/#post-4196046)
 * Status: resolved