Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author terrathemes

    (@terrathemes)

    Hi @mitjaprasnikar,

    I guess there is no easy way to achieve this. Furthermore you would have to change the theme core files which means you would lose all your changes if you ever update the theme again. Not updating the theme wouldn’t be a future-proof thing.

    Why do you want to turn off the mobile responsive behaviour?

    Thread Starter mitjaprasnikar

    (@mitjaprasnikar)

    hmm…i need somethin to figure out.
    I want it because now design on phone just isn’t right… u create buttons with plugins and the placement is not right.

    Theme Author terrathemes

    (@terrathemes)

    I could help you styling the buttons right. If you disable the responsiveness the whole user experience would be bad.
    If you relaly want to disable it and know what you do, I can provide you a solution. But I would suggest you to choose the first option.

    Thread Starter mitjaprasnikar

    (@mitjaprasnikar)

    hm…
    i will try disable just to see how it comes out at the end…

    Theme Author terrathemes

    (@terrathemes)

    It’s not a thing as “just try it”. You should be aware that you can brake your layout and page with that. Only do this, if you have enough knowledge about WordPress, the files and if you have access to WordPress via FTP.

    As I mentioned above, you will not be able to update the theme without loosing the changes to the theme files. That being said you can not update the theme to get new features or bugfixes or you have to do this over and over again in your own responsibility.

    Furthermore I can’t test this in depth so you will have to do all the testing on your own. Try it out in multiple browsers and on multiple mobile devices. It may have some bugs. I will not be able to help you any further on making Meteorite unresponsive.

    So now that we’re done with that, do a complete backup of your WordPress installation.

    Then go to meteorite/header.php and remove the following line:

    <meta name="viewport" content="width=device-width, initial-scale=1">

    Move on to the meteorite/style.css. Find the section for media queries that starts with

    /*--------------------------------------------------------------
    ## Media Queries
    --------------------------------------------------------------*/

    and delete every @media rule that’s below (and including)

    @media only screen and (max-width: 1024px)

    Change the container width for every screen size.

    .container {
    	width: 1170px !important;
    }

    Next file is meteorite/js/main.js. Scroll down to the bottom and remove meteorite_responsiveMenu(); from the loaded functions. Then compress the JS code and copy the compressed version in the file meteorite/js/main.min.js.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to turn off mobile version’ is closed to new replies.