am2346
asked 10 years ago
2 Answers
Wilfred
answered 10 years ago

Hi Alexander,
To resolve this issue please follow my instruction here:
1. Open header.php in /wp-content/themes/dw-focus/header.php
2. Replace following code –  line 11 

    <meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">

with: 

    <meta content="width=1100" name="viewport">

3. Open dw-focus-carousel.php file in /wp-content/themes/dw-focus/inc/widgets/dw-focus-carousel.php 
4. Replace following code – form line 65 to line 71 

   if( is_mobile() || is_kindle() || is_samsung_galaxy_tab() || is_nexus() ){
$col = 1; $row = 1;
$size = 'large';
} else {
$col = 4; $row = 4;
$size = 'medium';
}

with:

   // if( is_mobile() || is_kindle() || is_samsung_galaxy_tab() || is_nexus() ){
// $col = 1; $row = 1;
// $size = 'large';
// } else {
$col = 4; $row = 4;
$size = 'medium';
// }

5. Add following code to Header code in Dashboard / Appearance / Customize

   <style>
@media (min-width: 1080px) {
.widget.dw_focus_videos [class*=span].hentry {
float: left;
margin-left: 3.8461538461538463%;
}
.widget.dw_focus_videos [class*=span].hentry:first-child {
margin-left: 0;
}
}
</style>

Hope this helps!

Alexander Miele
replied 10 years ago

Thank you for the response! Now can I make it so when you resize your browser size on a computer it does not change as well? thanks.

Wilfred
answered 10 years ago

The codes that I provided previously will let you disable the responsive function on the different devices such as tablet, mobile.
Resizing the browser window on the desktop screen is only used to test responsive webdesign of a theme which is in developing progress. Nobody resizes the browser while they are viewing your site.

Powered by DW Question & Answer Pro