Question

我面对徽标和菜单栏对齐没有我的网站。我该怎么办呢？分享下面的图像。

我想在图片下面进行更改..

我应该写什么HTML或CSS代码？

Answer 1

继续我们的讨论来自 wordpress.stackexchange.com here和here，如果我做对了，你要做的就是拥有相同的菜单当您将浏览器的窗口大小调整为1180px时，徽标会转到中心位置，但只有在您将窗口调整为1180px时才会显示此内容，而您希望使用此类型随时处置，意味着将1180px菜单作为网站的默认菜单。

第一

因此，为了做到这一点，我们需要在屏幕尺寸大于＆gt;时删除默认菜单的当前CSS。 1180px。要执行此操作，请转到 - style.css:1006（意味着转到文件style.css行1006），然后删除以下CSS：

此文件的绝对路径 - http://www.norenge.com/wp-content/themes/accesspress-store/style.css

#site-branding {
    width: 20%;
    padding-bottom: 5px;
    min-height: 60px;
}

第二

接下来我们需要在1180px作为新的默认菜单时设置菜单的样式。要执行此操作，请转到： - responsive.css:48，删除代码周围的媒体查询，目前代码是这样的：

此文件的绝对路径 - http://www.norenge.com/wp-content/themes/accesspress-store/css/responsive.css?ver=4.3.1

@media (max-width: 1180px) {
    #site-branding {
        float: none;
        display: inline-block;
        text-align: center;
        padding-bottom: 5px;
        max-width: 320px;
        width: 100%;
    }
}

您需要删除@media query或将代码放在@media query之外，只有这样：

#site-branding {
    float: none;
    display: inline-block;
    text-align: center;
    padding-bottom: 5px;
    max-width: 320px;
    width: 100%;
}

第三个也是最后一个

最后，修复菜单居中处理，转到 - style.css:4328并从ID float:right;中删除#menu媒体资源：

此文件的绝对路径 - http://www.norenge.com/wp-content/themes/accesspress-store/style.css

#menu {
    float: right;        /* <- REMOVE THIS LINE */
    position: relative;
    height: 100%;
}

完成此操作后，大小为1180px的假设菜单现在将成为主要的默认菜单。祝好运！：）

Answer 2

使用此CSS作为徽标：

.site-logo { 
    position: absolute;
    top:-55px;
    left:50%;
    margin-left: -150px;
}

Answer 3

您想要移动以下HTML

<a class="site-logo" href="http://www.norenge.com/">
  <img src="http://www.norenge.com/wp-content/uploads/2015/11/Oranemart-accesspress_store-logo.png" alt="Capital's First Online Super Store"> 
</a>

是<section class="home_navigation"元素的直接后代。然后将text-align: center;应用于相同的部分元素，它会实现您所要求的外观。

Answer 4

<?php
/**
 * The header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package AccessPress Store
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo('charset'); ?>">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="profile" href="http://gmpg.org/xfn/11">
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
        <?php wp_head(); ?>
    </head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="mastheads" class="site-header" role="banner">
    <?php if (as_before_top_header_enabled()): ?>
        <div class="before-top-header">
            <div class="ak-container clearfix">
                    <?php accesspress_ticker_header_customizer(); ?>
                    
                    <?php
                    if (is_user_logged_in()) {
                        global $current_user;
                        get_currentuserinfo();
                        ?>
                        <div class="welcome-user">
                            <span class="line">|</span>
                            <?php _e('Welcome ', 'accesspress-store'); ?>
                            <a href="<?php echo get_permalink(get_option('woocommerce_myaccount_page_id')); ?>" class="my-account">
                                <span class="user-name">
                                    <?php echo $current_user->display_name; ?>
                                </span>
                            </a>
                            <?php _e('!', 'accesspress-store'); ?>
                        </div>
                    <?php }
                    ?>

                    <?php if (is_active_sidebar('header-callto-action')): ?>
                        <div class="header-callto">
                            <?php dynamic_sidebar('header-callto-action') ?>
                        </div>
                    <?php endif; ?>
                    
                
            </div>
        </div>
    <?php endif; ?>
    <div class="top-header clearfix">
        <div class="ak-container clearfix">


            <!-- Cart Link -->
            <?php
            if (is_woocommerce_activated()):
                echo accesspress_wcmenucart();
            endif;
            ?>
            <?php
            if (function_exists('YITH_WCWL')) {
                $wishlist_url = YITH_WCWL()->get_wishlist_url();
                ?>
                <a class="quick-wishlist" href="<?php echo $wishlist_url; ?>" title="Wishlist">
                    <i class="fa fa-heart"></i>
                    <?php echo "(" . yith_wcwl_count_products() . ")"; ?>
                </a>
                <?php
            }
            ?>
            <div class="login-woocommerce">
                <?php
                if (is_user_logged_in()) {
                    global $current_user;
                    get_currentuserinfo();
                    ?>

                    <a href="<?php echo wp_logout_url( home_url() ); ?>" class="logout">
                        <?php _e(' LogOut', 'accesspress-store'); ?>
                    </a>
                    <?php
                } else {
                    ?>
                    <a href="<?php echo get_permalink(get_option('woocommerce_myaccount_page_id')); ?>" class="account">
                        <?php _e('LogIn', 'accesspress-store'); ?>
                    </a>
                <?php }
                ?>
            </div>

            <!-- if enabled from customizer -->
            <?php if (!get_theme_mod('hide_header_product_search')) { ?>
                <div class="search-form">
                    <?php get_search_form(); ?>
                </div>
            <?php } ?>
        </div>
    </div>
    <section class="home_navigation">
        <div class="inner_home">
            <div class="ak-container clearfix">                        
                <div id="site-branding" class="clearfix">
                    <?php accesspress_store_admin_header_image() ?>
                </div><!-- .site-branding -->
                <div class="right-header-main clearfix">
                    <div class="right-header clearfix">
                        <!-- if enabled from customizer -->
                        <div id="toggle">
                            <div class="one"></div>
                            <div class="two"></div>
                            <div class="three"></div>
                        </div>
                        <div class="clearfix"></div>
                        <div id="menu">
                            <?php
                            if (is_page('checkout') && get_theme_mod('hide_navigation_checkout')) {
                                
                            } else {
                                ?>
                                <nav id="site-navigation" class="main-navigation" role="navigation">
                                    <a class="menu-toggle">
                                        <?php _e('Menu', 'accesspress-store'); ?>
                                    </a>
                                    <?php
                                    wp_nav_menu(array(
                                        'theme_location' => 'primary',
                                        'container_class' => 'store-menu',
                                        'fallback_cb' => 'custom_fallback_menu',
                                            )
                                    );
                                    ?>
                                </nav><!-- #site-navigation -->
                            <?php } ?>
                        </div> 
                    </div> <!-- right-header -->
                </div> <!-- right-header-main -->
            </div>
        </div>
    </section><!--Home Navigation-->
</header><!-- #masthead -->
<div id="content" class="site-content">
>> this is my header.php code

修复WordPress中的菜单栏和徽标

4 个答案:

第一

第二

第三个也是最后一个