我正在制作一个Wordpress网站,我对菜单有点问题。 我希望菜单切换位置。该网站为www.procitajto.com
在桌面网页上,我希望菜单位于徽标下方,但在移动页面上,我想将其移至标题。
我设法在display: none
中使用responsive.css
在移动设备上隐藏了较低的一个,但无论我试图隐藏上层设备都没有实际意义。它是使用php生成的:
<?php do_action('et_header_menu'); ?>
<?php $menuClass = 'nav';
$menuID = 'top-menu';
$primaryNav = '';
if (function_exists('wp_nav_menu')) {
$primaryNav = wp_nav_menu( array( 'theme_location' => 'primary-menu', 'container' => '', 'fallback_cb' => '', 'menu_class' => $menuClass, 'menu_id' => $menuID, 'echo' => false ) );
};
if ($primaryNav == '') { ?>
<ul id="<?php echo esc_attr( $menuID ); ?>" class="<?php echo esc_attr( $menuClass ); ?>">
<?php if (get_option('aggregate_home_link') == 'on') { ?>
<li <?php if (is_home()) echo('class="current_page_item"') ?>><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php esc_html_e('Home','Aggregate') ?></a></li>
<?php }; ?>
<?php show_page_menu($menuClass,false,false); ?>
<?php show_categories_menu($menuClass,false); ?>
</ul> <!-- end ul#nav -->
<?php }
else echo($primaryNav); ?>
在css文件中,我尝试使用
强制它消失ul#top-menu { float: left; padding-left: 36px; display: none !important; }
作为最后的手段,但即使这样也行不通。