Responsive Design

Responsive Design

I wanted to make header hight responsive so I used this one:
PHP:
.MyContent {
float: right;
}

<xen:if is="@enableResponsive">
    @media (max-width:800px) {
        .MyContent {
        float: none;
        text-align: center;
        }
    }
</xen:if>

and changed it a bit to look like this:
PHP:
#header
{
    height: 400px; 
} 

<xen:if is="@enableResponsive">
    @media (max-width:640px) { 

       #header {
 
    height: 200px; 
    } 

    }
</xen:if>

It seems to be working but still wanted to ask if my implementation is correct/good?
 
Do I have the correct usage of the predefined CSS classes ...

HTML:
<div class="visibleResponsiveFull visibleResponsiveWide">
  <div id="bsap_1286480" class="bsarocks bsap_a7ac845a1568bf4e1a00976b9a439ae5"></div>
</div>

Desired Outcome: My BuySellAds 728x90 banner ad's will only display if the client browser display is within Full or Wide specifications, and the banner ad will not show for Medium and Small dimensions client browsers.

Thanks.
Have you been able to get a solution?
 
Back
Top Bottom