• Hi iam using twenty-sixteen theme ,.When i try to give padding property to site-branding class then the same property is being applied to site-header-menu css class.
    What i want is i want to break this css relation for the above two css class.
    I am writing css property i.e padding-top to site-branding class but it is reflecting to site-header-menu class too ..which i dont want
    I am trying to build this kind of header like site https://www.prometheusip.com/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you show us a page with the issue?

    Thread Starter vishal0989

    (@vishal0989)

    <header id=”masthead” class=”site-header” role=”banner” >
    <div class=”site-header-main”>
    <div class=”site-branding”>
    <?php twentysixteen_the_custom_logo(); ?>
    <?php if ( is_front_page() && is_home() ) : ?>
    <h1 class=”site-title”>” rel=”home”><?php bloginfo( ‘name’ ); ?></h1>
    <?php else : ?>
    <p class=”site-title”>” rel=”home”><?php bloginfo( ‘name’ ); ?></p>
    <?php endif;
    $description = get_bloginfo( ‘description’, ‘display’ );
    if ( $description || is_customize_preview() ) : ?>
    <p class=”site-description”><?php echo $description; ?></p>
    <?php endif; ?>
    </div>
    <!– .site-branding –>
    <?php if ( has_nav_menu( ‘primary’ ) || has_nav_menu( ‘social’ ) ) : ?>
    <button id=”menu-toggle” class=”menu-toggle”><?php _e( ‘Menu’, ‘twentysixteen’ ); ?></button>
    <div id=”site-header-menu” class=”site-header-menu siteheadermenu”>
    <?php if ( has_nav_menu( ‘primary’ ) ) : ?>
    <nav id=”site-navigation” class=”main-navigation” role=”navigation” aria-label=”<?php esc_attr_e( ‘Primary Menu’, ‘twentysixteen’ ); ?>”>
    <?php
    wp_nav_menu( array(
    ‘theme_location’ => ‘primary’,
    ‘menu_class’ => ‘primary-menu’,
    ) );
    ?>
    </nav><!– .main-navigation –>
    <?php endif; ?>
    </div>
    <!– .site-header-menu –>
    <?php endif; ?>
    <div class=”request”><!–<img src=”images/requestaquotebtn.png” height=”38px” width=”140px;”/>–> </div>
    </div><!– .site-header-main –>
    </header><!– .site-header –>

    can you post a link to your site, and post the used CSS styles?

    Thread Starter vishal0989

    (@vishal0989)

    iam working on local..

    generally, both containers do react independantly to padding;
    however, if the site title or description is quite long, or the menu contains a lot of items, the containers overlap and react mixed …

    without seeing your problem live, there is not much more to comment on the issue…

    Thread Starter vishal0989

    (@vishal0989)

    ok thanks for replying without seeing the issue live .
    Problem even exits if the menu item contains only 2 pages. there is no description and there is no title even though the same problem i am facing..

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘I want to break the css relation ship between site-branding and site-header-menu’ is closed to new replies.