如果网站在移动设备上，Joomla 3.0隐藏徽标

Question

负责上述标题，找到了徽标，以及如何创建自定义html模块。我该怎么办？

• 我无法直接编辑网站的索引，除非在joomla中有这样的方法。

Answer 1

我不是最了解前端设计标准的人，但我认为某种CSS媒体查询可以解决这个问题。

Answer 2

Joomla 3基于Twitter Bootstrap。还有CSS帮助程序类，如“.hidden-phone” - 尝试将其添加到模块CSS（不带点）。如果模板是由其他人开发的，请让他们告诉您应该使用的确切CSS类。Check documentation

Answer 3

不知道您正在使用哪个模板（某些模板根本不加载引导程序）但假设您已加载引导程序，则需要编辑模板目录中的css文件 - templates / your_template / css / your_css_templatename.css

在这里，您应该使用媒体查询并找到您想要更改的@media。贝娄的例子。然后，在你可能想出的那个内部符合你的需要的内部，设置logo id选择器和要显示的属性：none; （以下示例）

/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { 
     #your_logo {
        display: none;
    }
}

即使没有加载bootstrap，上面的选项也能正常工作。如果已加载引导程序并且您可以在徽标中设置class属性，则可以使用.hidden-phone实用程序类。