wordpress 在移动的设备上查看时如何隐藏菜单?

von4xj4u  于 2022-11-02  发布在  WordPress
关注(0)|答案(3)|浏览(180)

我的网站是http://sitandwonder.com.au在wordpress使用woocommerce内置。
我不喜欢我的菜单的方式看起来在移动的目前与我的当前主题。
我发现了一种方法来添加一个响应菜单使用插件,但发生的是我结束了2菜单。有没有一种方法,我可以输入一些自定义CSS来隐藏我的旧菜单,而不隐藏新的插件菜单?

ulmd4ohb

ulmd4ohb1#

假设您有以下菜单:
第一个
添加CSS规则@media将允许您根据屏幕方向检测和应用样式:landscape,portrait,无论是其handheld设备,还是仅通过确定屏幕宽度:min-width,max-width,这些被称为media queries

请确保以全屏模式运行代码片段,否则将无法显示...

ppcbkaq5

ppcbkaq52#

有一个功能来检查当前设备是否在wordpress移动的

  1. <?php if(is_mobile(){
  2. load_your_mobile_menu();
  3. }else{
  4. load_your_desktop_menu();
  5. }?>

/* 将load_your_移动的_menu()和load_your_desktop_menu()替换为移动设备和桌面的相应菜单 */

vsnjm48y

vsnjm48y3#

把这个放到你的风格里. css

  1. @media only screen and (max-width: 1024px) {
  2. div#responsive-menu-container,
  3. button#responsive-menu-button,
  4. header#header {
  5. display: none !important;
  6. }
  7. }

安装此插件WDES Responsive Mobile Menu
将此代码添加到body标签的下面或后面。通常可以在模板的header.php中找到此代码。

  1. <?php wdes_rmm_mobile_responsive_menu(); ?>

问题解决了。

相关问题