Support » Plugins » Custom CSS per template breaking responsiveness

  • I’m currently developing a site using themeforest’s “Avada” template.

    My client required that different parts of the page are styled differently. This is working well by adding the following line into a copy of the “full-width” template just above get_header();

    wp_enqueue_style( "all_modified", get_bloginfo('template_directory') . '/css/all_modified.css', false, "1.0", "all" );

    where “all_modified.css” contains modified styling.

    The problem is, when I do this, the site’s responsiveness doesn’t work. It scales correctly however columns will only scale and not drop down below one another. I have even tried calling an unmodified version of ‘all.css’ with the same code and this still happens. This only happens on pages where I’ve used this code.

    A mock version of the site can be found at
    The page with the custom css applied (currently a direct copy of the original css) is

    Has anyone run into this before, or is anyone able to point me in the right direction to sorting this one. I’ve searched forums and have had no luck…


  • The topic ‘Custom CSS per template breaking responsiveness’ is closed to new replies.