Home Forums Theme support How to make a theme Responsive?

This topic contains 6 replies, has 2 voices, and was last updated by  7Theme Support 2 years, 5 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • I have the Divengo theme but it’s not responsive.
    I’ve seen that in the theme demo page, it is not responsive:
    http://web-rockstars.com/divengo/

    How can I put the theme responsive?
    Thanks!

    Note: I’ve already checked the “Enable responsive design” option in Theme Options > General.

    Hi,

    normally the theme is already responsive. Have you checked our demo website within the preview frame? Because this can cause problems when you resize the browser, please try it without the preview frame.

    If you want, you can send me a link to the page with the problem, then we can take a look at the source code and help you to solve the problem.

    I’ve checked the web directly, without framas: http://web-rockstars.com/divengo/

    The web page in development is: http://web.icpsantiago.com

    Thanks!

    NOTE: I’ve seen that the web is responsive if you resize the browser, but it is not responsive in a mobile nor if you use the “mobile view” of the Chrome developer console.

    We checked again our demo website and it is responsive, checked with mobile device and chrome developer tools.

    We checked the source code from both, our demo website and yours, and we saw the “viewport” meta tag is missing in yours, that’s why the website don’t scale down, I think one of your plugins remove it.

    But it is very easy to solve, just add the following code to your functions.php in the theme folder:

    function sl_handle_viewport_error(){
    	echo '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />';
    }
    add_action("wp_head","sl_handle_viewport_error");

    In http://web-rockstars.com/divengo/ there is not the viewport meta tag.
    I’ve put the code above, and now is semi-responsive. The columns are not 100% responsive.
    Well, I think I can repair it in CSS.
    For example: sc_column one_third {width: 980px} –> {width: 100%}

    Hi,

    checked it, Divengo theme demo line 28:

    Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.