• Resolved TessW

    (@tessw)


    Hi. I can really use some help (keeping in mind I don’t know much about CSS and nothing about php). How can I move my navigtion bar below the header picture instead of having it on top?

    Thanks,
    Tess

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi Tess,

    Before you do anything else…

    ALWAYS Make a backup of your site, before making any changes!!

    1. Use FTP to backup the files.
    2. Make sure to also backup your database.
    3. Use a childtheme to make the changes in
      Suggestion: use the ‘one click childtheme plugin’ to create one.
    1. Use an editor [like NOTEPAD++]
    2. Use FTP like ‘Filezilla’
    3. Open the header.php
    4. Locate the following code:
      <nav id="site-navigation" class="main-navigation" role="navigation">
      			<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
      			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
      			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
      		</nav><!-- #site-navigation -->
    5. MOVE the codeblock down [select > <Ctrl-x>], just above </header> [<ctrl-v> paste]
    6. FTP: Upload the altered header.php to the childtheme-folder
    Thread Starter TessW

    (@tessw)

    Thanks!

    Please don’t forget to mark the thread as ‘resolved’ [in the right sidebar]

    Thread Starter TessW

    (@tessw)

    Thanks, I didn’t realize I needed to do that.

    CAN the navigation be moved by the child-theme’s style.css file’s manipulation alone, or does the header.php need to be edited for this change?

    If this is do-able by CSS changes alone, can someone please respond here about how? Thanks so much!

    @jojojovich

    please start your own topic;

    your question is different from the current topic, and might even be better asked at a dedicated CSS forum like https://csscreator.com/forum

    Thanks. I’m always confused by responses like this when my query was exactly the original question, “How can I move my navigation bar below the header picture instead of having it on top?”, yet I am hoping if possible to use css only, so I can keep my edits in as few locations as possible.

    The original response to edit the php file, if not the only way to do this, I’d think would still keep my [exact-same] query on this same page.

    Thanks though, will look at the referenced site for help.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’d think would still keep my [exact-same] query on this same page.

    Sorry, you need to listen to moderators if you want to continue using these forums.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[theme twenty twelve]’ is closed to new replies.