MrYawn

I agree, it seems fine. I imagine it is the extension. You can simply change your browser window size and see what it will look like on a mobile.

go here for the instructional screenshots

Create a new file in the same directory/folder as your index.php of your theme and just need to add comment at the top

<?php
/**
** WP Post Template: Your New Post Template Name
*/
?>

as you do for page template. Do the same for each different type and upload to directory. Then you can assign this post template to the posts you want to in the admin on the side dropdown where it says “WP Post Template”

if this is what your looking for then it should help i think

do you have a link to your website?

Hi etanner12,

not sure if this helps but you can create custom post templates (same way you do pages) use this plugin “WP Custom Post Template” and that will give you the same template options as you do with pages.

Sorry, I can’t see the changes. The nav is already fixed and moving down with scrolling of the site, changing the css to top:0px should work fine. I’m looking in chrome and firefox.

main issue your having is that you have to styles for the same div

<strong>#mainmenu-container {
position:absolute;</strong>
top:0px;
}

<strong>#mainmenu-container {
position:fixed;
top:25px;</strong>
left:50;
font-size: 25px;
font-family: "arial";
width:985px;
z-index: 99;
}

best option is to remove top:25px; and join it all together:

#mainmenu-container {
position: fixed;
top: 0px;
font-size: 25px;
font-family: "arial";
width: 985px;
z-index: 99;
}

Hi Barry,

#mainmenu-container {
position:absolute;
top:0px !important;
}

you can add it in that media query or you can edit the media=all. This would be best as it is fluid across all screen resolutions. But that is definitely your problem because you have a fixed width of 900px on site-content div.

You can try adding importance to it

.site-content
{
width:100% !important;
max-width:900px;
}

the css on your site i see is:

.site-content {
margin: 24px 0 0;
/* margin: 1.714285714rem 0 0; */
padding: 0px 0px 0px 0px;
background-color: #000050;
color: #fff;
width: 900px;
}

change it to:

.site-content {
margin: 24px 0 0;
/* margin: 1.714285714rem 0 0; */
padding: 0px 0px 0px 0px;
background-color: #000050;
color: #fff;
max-width: 900px;
width:100%;
}

Hi josephare,

Looks like you need to make sure all your divs are fluid:

.site-content
{
max-width:900px;
width:100%;
}

Hi maddryredpen,

Do you have a link to your website?
so you’ve tried adding :

img
{
max-width:100%;
}

It needs to be placed below the div named “slide-container”. You have put it inside it.

</div><!-- end of slide-container div -->

<div id="page-content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                    <div class="post" id="post-<?php the_ID(); ?>">
                        <div class="entry">
                        </div>
                    <?php the_content('<br />Read the rest of this entry &raquo;'); ?>
                    </div>

                    <?php wp_link_pages('before=<div id="pagination"><b>Continue reading: </b>&after=</div>&next_or_number=number'); ?>
                    <?php endwhile; else: ?>
                    <?php endif; ?>
</div>

<!-- beginning of featured-boxes --><div id="featured-boxes">

containing div needs to be full width and image to be display:block try:

#masthead .site-branding
{
float: left;
padding: 15px 0;
width: 100%;
}

#masthead .site-branding img
{
margin: 0 auto;
display: block;
}

Did adding the snippet of code I supplied between the banner and 3images work?

Have you definitely created some posts assigned to the category ‘featured’ which ID is definitely 4?