Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #85656
    Catchemall
    Member

    Hello,

    I have a problem with my website. http://talkingstories.de/
    I’m currently using Catch Responsive and changed a lot of CSS. It appears that somehow influenced the mobile-version and it doesn’t work right anymore.

    I tried to disable it with the viewport-line inside the header-tag, but I couldn’t find it in header.php 🙁

    At the moment, the header is cut and the navigation is gone. Everything is floating left, but changing margin to auto doesn’t help. I’d like to disable the mobile-version completely, so the website is shown the same on any screen.

    Regards!

    #85695
    Mahesh
    Keymaster

    Hi @catchemall,

    For this, you’ll need to create a child theme for this. You can find more details on creating child theme HERE. Then in your child theme’s functions.php replace all the code with the following:

    <?php
    /**
    * Child Theme functions and definitions
    *
    */
    
    function theme_enqueue_styles() {
        wp_enqueue_style( 'child-style',
            get_stylesheet_directory_uri() . '/style.css'
        );
    }
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

    And replace all the CSS in child theme’s style.css with style from the following link:
    https://gist.github.com/mahesh247/6e1f29dc845cecd57312

    Regards,
    Mahesh

    #85830
    Catchemall
    Member

    Thank you!

    Sadly, that didn’t work. 🙁 Now the menu in the mobile version is shown in a little blue box, but everything else is still looking strange and the header image is gone now.

    I created a child theme, changed functions.php and the style.css. Is there something that could possibly block the child theme?

    Regards

    #85964
    Mahesh
    Keymaster

    Hi @catchemall,

    Did you create the child theme manually or with the help of some plugins?
    Just checked your site, in your site, you are still using parent theme’s style.css and there is nothing in child theme’s style.css. To achieve your requirement i.e. disabling mobile version compeletely, you have to only enqueue child theme’s style.css and use the above css I’ve given. If the problem still persists, remove all the functions from child theme’s functions.php and check again.

    Let me know if any problems.

    Regards,
    Mahesh

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Disable Mobile Version’ is closed to new replies.