DW Focus header widget visibility

ningmar Tamang
asked 8 years ago

Hi, how do I make header widget visible on smaller displays (mobile devices and tablets)?

2 Answers

DominicStaff
answered 8 years ago

You can add the following code to the style.css file:


@media (max-width: 991px) and (min-width: 768px) {
.site-header .row {
 display: block !important;
}
.site-header .col-md-4 {
 display: none;
}
}

Rifaz Mohammed
replied 7 years ago

This didn’t work for me

URL: https://autopartsasia.in

The header is an ad. I want it to be displayed in all screens

DominicStaff
answered 7 years ago

At the moment, we have hidden the Ads in the mobile version. If you want to show the Ads, you can open the header.php file then find the line 26 to 39.
Replace the following code:

<div class=\"row hidden-xs hidden-sm\">
 <div class=\"col-md-4\">
 <?php $site_logo = dw_focus_get_logo_option(); ?>
 <?php if ( $site_logo ) : ?>
 <a href=\"<?php echo esc_url( home_url( \'/\' ) ); ?>\" rel=\"home\" class=\"site-logo\"><img src=\"<?php echo esc_url( $site_logo ); ?>\" title=\"<?php bloginfo( \'name\' ); ?>\"></a>
 <?php else : ?>
 <h1 class=\"site-title\"><a href=\"<?php echo esc_url( home_url( \'/\' ) ); ?>\" rel=\"home\"><?php bloginfo( \'name\' ); ?></a></h1>
 <h2 class=\"site-description\"><?php bloginfo( \'description\' ); ?></h2>
 <?php endif; ?>
 </div>
 <?php if ( is_active_sidebar( \'dw_focus_header\' ) ) : ?>
 <div id=\"header-widgets\" class=\"col-md-8\"><?php dynamic_sidebar( \'dw_focus_header\' ); ?></div>
 <?php endif; ?>
 </div>

With new code:

<div class=\"row\">
 <div class=\"col-md-4\">
 <?php $site_logo = dw_focus_get_logo_option(); ?>
 <?php if ( $site_logo ) : ?>
 <a href=\"<?php echo esc_url( home_url( \'/\' ) ); ?>\" rel=\"home\" class=\"site-logo hidden-xs hidden-sm\"><img src=\"<?php echo esc_url( $site_logo ); ?>\" title=\"<?php bloginfo( \'name\' ); ?>\"></a>
 <?php else : ?>
 <h1 class=\"site-title hidden-xs hidden-sm\"><a href=\"<?php echo esc_url( home_url( \'/\' ) ); ?>\" rel=\"home\"><?php bloginfo( \'name\' ); ?></a></h1>
 <h2 class=\"site-description hidden-xs hidden-sm\"><?php bloginfo( \'description\' ); ?></h2>
 <?php endif; ?>
 </div>
 <?php if ( is_active_sidebar( \'dw_focus_header\' ) ) : ?>
 <div id=\"header-widgets\" class=\"col-md-8\"><?php dynamic_sidebar( \'dw_focus_header\' ); ?></div>
 <?php endif; ?>
 </div>