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

Question

负责上述标题，找到徽标，以及如何创建自定义 html 模块。我应该如何进行？

• 我不能直接编辑网站的索引，除非在 joomla 中有办法做到这一点。

Answer 1

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

Answer 2

Joomla 3 基于 Twitter Bootstrap。有诸如“.hidden-phone”之类的 CSS 辅助类 - 尝试将其添加到您的模块 CSS（不带点）。如果模板是由其他人开发的，请让他们告诉您应该使用的确切 CSS 类是什么。检查文档

Answer 3

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

在这里，您应该使用媒体查询并找到您想要更改的@media。下面举例。然后，在您可能认为适合您需要的内部，设置 logo id 选择器和显示属性：无；（下面的例子）

/* 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;
    }
}

即使未加载引导程序，上述选项也将起作用。如果您已加载引导程序并且您能够在徽标中设置类属性，则可以使用.hidden-phone实用程序类。