Home/ Questions/Q 6065385
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T09:23:03+00:00

I have been modifying a wordpress theme and as I just began to put

  • 0

I have been modifying a wordpress theme and as I just began to put content in the pages, I noticed the h2 header is displaying below the content (see here:http://mefo1.ecin1prod1lnx1.com/about/history/). I can’t seem to find an explanation.

Below is the page.php code. I am happy to PasteBin any other code that might be needed.

Thank you very much,

Alex

<?php get_header(); ?>
<script>

jQuery(document).ready(function(){
    jQuery(".share").click(function(){
      jQuery(this).next("div").slideToggle("slow");
        jQuery(this).toggleClass("active"); return false;
    });

});

</script>


        <div class="posts-column">

        <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
        <?php include(TEMPLATEPATH . '/includes/share.php'); ?>



                            <div class="entry">
                            <?php the_content(); ?>
                            </div>
                            <div class="clear"></div>
                        <?php endwhile ?>   

                             <div class="clear"></div>
                            <h2 class="page"><?php the_title(); ?></h2>

                        <?php else : ?>

                            <h2 class="center">Not Found</h2>
                            <p class="center">Sorry, but you are looking for something that isn't here.</p>
                            <?php include (TEMPLATEPATH . '/searchform.php'); ?>    

                        <?php endif; ?>                 


        </div><!--end posts-column-->

<?php get_sidebar(); ?>

<?php get_footer(); ?>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Read what @Shaun said. Remember, divs are block elements by default which means they will grow to take up as much room as they need. This forces any sibling blocks to start below unless otherwise specified through css. Move your h2 to the top of the document. Normal document flow is left to right, top to bottom so your first div (with class “entry”) will be displayed as a block level element (since you didn’t specify otherwise) and it’s sibling will be rendered below hence why your h2 element is not where you expect.

    • 0