.MyContent {
float: right;
}
<xen:if is="@enableResponsive">
@media (max-width:800px) {
.MyContent {
float: none;
text-align: center;
}
}
</xen:if>
#header
{
height: 400px;
}
<xen:if is="@enableResponsive">
@media (max-width:640px) {
#header {
height: 200px;
}
}
</xen:if>
Yep, that is what I was trying. Thanks a lot!Yes, that will work.
The header height will be 400px until the the width drops below 640px, at which point it will be 200px.
<xen:if is="@enableResponsive">
@media (max-width:800px) {
<xen:hook name="header_right_big" />
}
@media (max-width:610px) {
<xen:hook name="header_medium" />
}
@media (max-width:480px) {
<xen:hook name="header_small" />
}
</xen:if>
can HTML code be used instead of CSS? I just need to show images depending on the screen sizeNo, that is not valid CSS.
Have you been able to get a solution?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.
That doesn't appear to be the default editor.
You would need to seek support from the style or add-on author.
Then it's an issue with your custom style.
We use essential cookies to make this site work, and optional cookies to enhance your experience.