I need help tweaking my header to have menu items line up

  • I’ve searched several WordPress sites for help on this, so forgive me if this has been asked before.

    My web site is at https://bhs.cc

    As you can see, the header contains three menu items; the home button, a dropdown menu of links (Tools), and my categories. The links (Tools) menu show up lower and in a different font than the other menus.

    I would like the Tools menu to look the same as the other menus in the header.

    This is the code for the header:

    <?php if (is_home()) { ?>
				<li class="current_page_item"><a rel="nofollow" href="<?php echo get_option('home'); ?>"><?php _e("Home", 'studiopress'); ?></a></li>
            <?php } else { ?>
				<li><a rel="nofollow" href="<?php echo get_option('home'); ?>"><?php _e("Home", 'studiopress'); ?></a></li>
            <?php } ?>    

                <?php wp_list_bookmarks('&title_li=&depth=4&sort_column=menu_order'); ?>
     		<?php wp_list_categories('title_li=&depth=4&sort_column=menu_order'); ?>	

		</ul>
	</div>

    I’ve exhausted myself trying different things to make everything line up, but I can’t get it to work.

    Can anyone help me configure the header so that everything lines up? My students and I would be much happier.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi

    You have Tools in the code as an <h2> while all the other menu options are in an <a> tag. Change the <h2></h2> to an <a>tag – copy the code of the existing <a> tag to get the correct syntax. If you don’t have a page you want Tools to link to, use href="#" which will keep the user on the current page if it is clicked.

    To make it easier for you, here is the code of one of your <a> tags
    <a title="View all posts filed under Classes" href="https://www.bhs.cc/?cat=3">Classes</a>

    Thread Starter cleanapple

    (@cleanapple)

    Thanks. I’m trying to do that now.

    Do you know on what page I change that code?

    Hi

    I don’t have the theme you are using here so I can’t check that for you. In typical WordPress themes it would be header.php. But newer themes use a lot of subfiles so it requires having the theme to examine the source code.

    The code is just below your header, and the search box is to the right. If you can look through your theme files looking for those things, that would be the way to locate the appropriate file.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘I need help tweaking my header to have menu items line up’ is closed to new replies.