文章目录
分享文章

公司网站加上一个多语种插件,网站手机端效果如下:

file

原来电话是可以完全展示的,现在被挤在左侧,解决方案是 多语种插件在手机端不进行展示

首先查看多语种插件select 有一个 class="gt_selector notranslate"属性

可以针对此属性写 css

借助chatgpt给出的答案如下:

<style>
  /* 默认样式,显示select标签 */
  select.gt_selector.notranslate {
    display: block;
  }

  /* 在移动设备上隐藏select标签 */
  @media (max-width: 767px) {
    select.gt_selector.notranslate {
      display: none;
    }
  }
</style>

<!-- select标签将根据媒体查询的结果来显示或隐藏 -->
<select class="gt_selector notranslate">
  <!-- 在这里添加select的选项 -->
</select>

修改后得到展示效果如下,完美解决

file

使用wordpress从0-1搭建企业网站

WordPress是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统,全球又43%的网站都在使用Wordpress进行网站制作。即使你是小白,也可以通过我的教程,从0-1制作属于自己的独立网站。

chenglulu

欢迎订阅

订阅我们的免费时事通讯

Leave A Comment