Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Ammu Nair
Ammu Nair
9,100 Points
Posted by Ammu Nair
Ammu Nair
9,100 Points

Menubar overlapping with content of 'Page with sidebar'

Hi, This is from the course 'from bootstrap to wordpress' - creating a static page template with side bar. I added a new template page.php which would automatically be the template file for static pages. This is the code for page.php

<?php 
get_header(); 
?>
 <div class="container">
 <!-- Example row of columns -->
 <div class="row">
 <div class="col-md-9">
    <h2>Heading1</h2>
    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
    <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-3">
    <h2>Heading2</h2>
    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
    <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>

</div>

<?php 
get_footer();

The menu bar is covering the heading of the content. ie The heading1 and heading 2 text are not to be seen. Could someone please help me solve this issue.

2 Answers

Dennis Witnauer
Dennis Witnauer
12,336 Points
Dennis Witnauer
Dennis Witnauer
12,336 Points

Hi. You could check that all your divs have closing tags. In the code above, you've closed the div with a class of "row", but the "container" div is left open. Hope this helps.

Ammu Nair
Ammu Nair
9,100 Points
Ammu Nair
Ammu Nair
9,100 Points

Thanks for the response @Dennis. The div's were closed correctly.

I made a few changes in the css, and this solved the problem.