Menu is in Reversed order

时间:2018-11-06 作者:Henshall

我似乎不明白为什么这个菜单只有在手机上才颠倒顺序。

站点导航栏。php

<div class="menu-container">
    <div class="menu w-full mx-auto container xl:pr-16">
        <?php
        if (wp_is_mobile()) {
            wp_nav_menu( array( \'menu\' => \'nav\' ) );
        } else {
            wp_nav_menu( array( \'menu\' => \'nav\' ) );
        }
        ?>
    </div>
</div>
导航。php

class WalkerNav extends Walker_Nav_Menu {

    function start_lvl( &$output, $depth = 1, $args = array() ) {
        $indent = str_repeat("\\t", $depth);
        $output .= "\\n$indent<ul class=\'sub-menu\'><div id=\'megatron\'>\\n";
    }
    function end_lvl( &$output, $depth = 0, $args = array() ) {
        $indent = str_repeat("\\t", $depth);
        $output .= "$indent</ul></div>\\n";
    }

}

enter image description here

基本上,在移动布局上,Pos 6需要首先像桌面一样,并且需要位于移动设备的顶部。这是一个单一的菜单。

任何帮助都将不胜感激。

当做

杰克。

1 个回复
最合适的回答,由SO网友:Krzysiek Dróżdż 整理而成

这有点猜测,但是。。。

我很确定这只是一个CSS问题。

菜单项的实际顺序是P1、P2、P3等。因此,这就是移动设备上的订单。

在桌面上,顺序已更改,因为float: right 分配给菜单项,因此它们确实会这样做。

解决这个问题的最简单方法是更改桌面菜单的CSS。

结束

相关推荐

Responsive Wordpress Gallery

I have been trying to make my Wordpress Gallery responsive with the help from another post:Making WordPress Gallery (.gallery-item) Responsive?I would also like the original 5-column gallery to display three columns on a tablet. I have used the following