display menu as table layout

时间:2017-05-26 作者:Lynob

我要这个的菜单site 看起来像这个菜单site.

很明显,他们使用的是显示表和表格单元格,但不确定如何实现它,使用css已经有一段时间了,无法确定它。没有找到一个插件可以完成这项工作,但css应该可以。我必须创建自定义菜单布局吗?我想不是。

我正在使用wordpress菜单plugin, 和标题。php

    <?php wp_nav_menu( array( \'theme_location\' => \'primary\', \'menu_id\' => \'menu-header\', \'fallback_cb\' => false, \'container\' => false ) ); ?>

    <a href="<?php echo esc_url( CP_ADD_NEW_URL ); ?>" class="obtn btn_orange"><?php _e( \'Post an Ad\', APP_TD ); ?></a>

    <div class="clr"></div>

1 个回复
最合适的回答,由SO网友:Carl Elder 整理而成

编辑我的答案。查看屏幕截图,如果它与您要查找的内容足够接近,请尝试将以下内容添加到样式表中。

adjusted your styles via firefox element inspector

.header_menu_res ul li {
    margin: 0 0 20px;
    width: 25%;
}

.menu-item i._mi, .menu-item img._mi {
    display: block;
    float: left;
}
.menu-item span {
    margin-top: 8px;
    display: block;
    margin-left: 60px;
}

结束

相关推荐

在unctions.php中加载自定义css会导致库问题

我正在我的子主题函数中加载自定义css样式表。php“使用此代码”if (ICL_LANGUAGE_CODE == \'ar\') { ?> <link rel=\"stylesheet\" href=\"<?php echo get_stylesheet_directory_uri() . \'/css/rtl.css\' ?>\" type=\"text/css\"> 执行此操作时,无法加载媒体库,它会像以下图像一样粘贴:只是一个加载微调器,没有结果,甚