WordPress.org

Support

Support » Themes and Templates » Oenology » [Resolved] tinynav overlapping logo

[Resolved] tinynav overlapping logo

Viewing 11 replies - 1 through 11 (of 11 total)
  • Can you provide a screenshot? The navigation doesn’t seem to be a problem for me? What I have noticed though is your logo disappears of the right edge of page..

    Logo Fix:

    /* This was center top, but should be right top */
    #header { background:url( .. ) no-repeat right top; }

    Tried that but didn’t work.

    Should I bring the media queries into my child’s style sheet?

    Theme Author Chip Bennett

    @chipbennett

    When you say “logo”, do you mean the custom header image?

    The custom header image is implemented as a background image for the header div, and is intended to be behind the menus and site header text.

    IS there a way to adjust the position of it with media-query so it looks better on iPhone?

    Theme Author Chip Bennett

    @chipbennett

    You would have to change the location of the wp_nav_menu() call in the header.

    Okay, do you have any more info? Do I edit header.php or site-header.php? I don’t see wp_nav_menu() in either of these files.

    Theme Author Chip Bennett

    @chipbennett

    Try site-navigation.php.

    header.php loads site-header.php, and site-header.php loads site-navigation.php, either before or after the site name/description (based on Theme option setting).

    Right, that’s 3 different files with code that loads different components. What block of code from what file do I arrange in order to expose the entire header on the iPhone?

    Theme Author Chip Bennett

    @chipbennett

    One idea:

    1. Via Dashboard -> Appearance -> Oenology Options -> General Tab, set “Header Nav Menu Position” to Do Not Display.

    Then, hook the site navigation template-part file into either of the following hooks:

    – enology_hook_site_header_before
    – enology_hook_site_header_before

    For instance, if you want the menu to appear above the header image:

    function jknetdesign_site_navigation_hook() {
        get_template_part( 'site-navigation' );
    }
    add_action( 'enology_hook_site_header_before', 'jknetdesign_site_navigation_hook' );

    Note that you may need to adjust CSS rules to accommodate whatever change you make.

    Theme Author Chip Bennett

    @chipbennett

    Er, copy-paste error:

    The hooks are:

    – oenology_hook_site_header_before
    – oenology_hook_site_header_before

    function jknetdesign_site_navigation_hook() {
        get_template_part( 'site-navigation' );
    }
    add_action( 'oenology_hook_site_header_before', 'jknetdesign_site_navigation_hook' );

    Thanks again. It works very nicely!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] tinynav overlapping logo’ is closed to new replies.
Skip to toolbar