[Jarden]

high-mind.com

Hi. I’d like to remove the entire ‘Home’ menu that is under my header. I have searched through these forums and tried the custom CSS codes you’ve given other people but none have worked. I’ve been able to change the BG color of the menu to match my home page background color, but like I said I’m trying to entirely remove the home menu.

I would also like to add a ‘sticky’ menu that stays on top (similar to this website when you’re at the top of the webpage, however I’d like it to stay fixed at the top when you scroll down: higherperspective.com ) my custom CSS is below.

@media screen and (min-width: 1061px) {
	.site { position:center; }
	#masthead {
		background-color: #B9D6B1;
		display: block;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
	}
	#hgroup-wrap,
	#header-menu {
		margin: 0 auto;
		width: 0px;
	}
}
@media screen and (min-width: 0px) {
	#hgroup-wrap,
	#header-menu {
		width: 0px;
	}
	.home #main {
		padding-top: 0px;
	}
}

.site {
    background-color: #B9D6B1;
    color: #000;
}

<?php query_posts(
            'showposts'=>10,
            'order'=>DESC
); ?>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

#header-right .widget_search { display: none; }

#hgroup-wrap { padding: 0; }

/* Padding Above Logo */
#site-logo {
    padding-top: 0px;
}
/* Padding Above Site Title */
#hgroup {
    padding-top: 0px;
}
/* Padding Below Site Description */
#hgroup-wrap {
    padding-bottom: 4px;
}

.page .page-header { display: none; }
.entry-header .entry-meta { display: none; }

#featured-post img,
#main-slider img {
    box-shadow: none;
}

.home #access { display: none; }

I’d also like to say WOW, I’ve never seen customer service as good as yours.

[Sakin]

@Jarden: I see that you have added mega menu and already disable our default menu. But your mega menu has min-height which is showing that black wrapper. You can add the following css in “Appearance => Theme Options => Custom CSS” box to remove that black wrapper.

#mega_main_menu {
    min-height: 0;
}

Did you check out theme Adventurous Pro which has Sticky menu http://catchthemes.com/demo/adventurous/ and Catch Evolution Pro http://catchthemes.com/demo/catch-evolution/

[Jarden]

Awesome, thanks so much Sakin!

I have absolutely zero experience with coding, WP, web design etc. and it only took a few days with your theme to get (almost) exactly what I wanted the layout to be like. As my site grows I will most likely be purchasing your pro Everest theme!

The last few things I’m trying to do are:
– Center the posts displayed on the home page and the featured images in the actual post themselves
– Put the posts title on top of the featured image instead of underneath

Thanks again for your expertise.

[Sakin]

@Jarden:
To center in homepage and featured image in all. You can add the following css in “Appearance => Theme Options => Custom CSS” box:

.home #primary  { text-align: center; }
.featured-image img {
    display: block;
    margin: 0 auto;
}

But to put the post tile on top of the featured image. It’s not possible simply with custom css. So, for this you need little advance coding knowledge. For this, you need to build child theme. You can read about child theme and download sample child theme from http://catchthemes.com/blog/create-child-theme-wordpress/

Then you need to copy file content.php from catch-everest theme to your child theme, then move the code

    <?php if( has_post_thumbnail() ):?>
    	<figure class="featured-image">
        <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'catcheverest' ), the_title_attribute( 'echo=0' ) ) ); ?>">
            <?php the_post_thumbnail( 'featured' ); ?>
        </a>
        </figure>
    <?php endif; ?>

Below:
<!-- .entry-header -->

[Author]

Posts