Home Forums Pro Themes Clean Commerce Pro Disable responsiveness

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #44598
    Thomas
    Participant

    Hi,

    how do I completely disable the responsiveness of the Theme? Which parts of the stylesheet have to be edited, or how do I do it in general?

    For some reason my users don’t seem to enjoy the responsive adaption of the theme. Since I think most of my users have smartphones with big screens, I’m confident, that my site in full scale will look much better than scaled down on smartphones.

    Thx in advance.

    Best regards,

    Thomas

    #44636
    wensolutions
    Keymaster

    Hello @thomas,

    To completely remove the CSS code for the responsive view you have to activate the child theme and copy the CSS code removing the CSS for the responsive in your child theme style.css. Also you have to enqueue the child theme style .

    Child theme reference :

    https://codex.wordpress.org/Child_Themes

    You can also activate the child theme using the plugin. Below is the link to one of them.

    https://wordpress.org/plugins/wp-child-theme-generator/

    If you have created the child theme manually then copy below given in your child theme functions.php and if you have created the child theme using the plugin then replace entire code of funtions.php with the code given below :

    <?php
    /**
     *Recommended way to include parent theme styles.
     *(Please see http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme)
     */  
    
      add_action( 'wp_enqueue_scripts', 'clean_commerce_pro_child_style' );
      function clean_commerce_pro_child_style() {
    	wp_enqueue_style( 'child-style',get_stylesheet_directory_uri() . '/style.css',array('parent-style'));
    }

    Your child theme functions.php should only contain above given code

    Now from your parent theme style.css copy the CSS code in child themes style.css then find the line :4497 in parent themes style.css(where CSS for the media query starts). Now delete the entire code below the line(4497) in child themes style.css

    Warning: As the theme’s responsive styles plays huge role in maintaining the theme layout, removing the CSS codes may break your site or may cause design issues thus it is highly recommended for the theme to be used with responsive CSS codes.

    Hope this helps.

    Best Regards!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.