平板电脑和手机中看不到右侧横幅位置答案

【问题标题】：Right Banner Position not visible in Tablets and Phones平板电脑和手机中看不到右侧横幅位置
【发布时间】：2013-04-21 16:13:07
【问题描述】：

我在网页golfanatics.de 的右侧添加了一个垂直横幅位置 (div class= "werbe-wrapper")。但是，使用平板电脑（例如 iPad）或手机查看网站时，不会显示此位置。

该网站基于 Joomla，该模板允许我禁用的响应式布局。

任何想法，我可以在哪里查看，以便显示上述位置？

感谢和欢呼，拉尔夫

【问题讨论】：

标签： mobile responsive-design joomla2.5 tablet

【解决方案1】：

在你的 custom.css 中是：

/* Handhelds */
@media (max-device-width: 480px) {
    .nomobilebanner {
        display: none !important;
    }
    ...
}

和

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .nomobilebanner {
        display: none !important;
    }
    .noipadbanner {
        display: none !important;
    }
}

这就是您的问题的来源。

【讨论】：

亲爱的 Bakual，不幸的是，这并没有帮助：为了安全起见，我删除了所有媒体 CSS 条目，但没有任何变化，手持设备和 iPad 平板电脑上仍然没有显示侧边栏。 .....还有其他想法吗？我认为它与包装器“go_wrap100”的宽度有某种关系......一个是 1185 像素，因此比 iPad 的 1024 像素宽。但是，我希望 iPad 会相应地缩小页面，就像它在宽度超过 1024 像素的其他页面上所做的那样（在纵向视图中也是如此）.....
尝试从 custom.css 中的 .go_wrapall 规则中删除 overflow:hidden;。