mccleery27

Thank you so much for your help!

I had to change the “show_sidebar to ( ‘right’ ) to achieve the desired look (having the right sidebar flush with the image in the index file at the top.)

Is there another way to do this so that I don’t have to update the file when you guys update the parent?

Also, when responsive, the menu bar is on top of the image in the index php. Is it possible to place the index item above the menu bar?

<?php if ( is_home() ) : ?>
    <img src="https://www.braincandy.io/wp-content/uploads/2014/07/logo-brain-icon-small-stroke-more-pace-e1411078309955.png">
<?php endif; ?>

<?php ttfmake_maybe_show_sidebar( 'right' ); ?>

<main id="site-main" class="site-main" role="main">

Thanks for the reply. I added the code above, and double checked your reference image to make sure everything looked the same. It did not work though.

Thanks for letting me know. I tried putting the nav menu in the header bar using your customization settings. It doesn’t produce a drop down effect like the regular navigation menu does.

This is my index.php

text/x-generic index.php
PHP script text
<?php
/**
 * @package Make
 */

get_header();
?>

<?php ttfmake_maybe_show_sidebar( 'left' ); ?>

<main id="site-main" class="site-main" role="main">
<?php if ( have_posts() ) : ?>

	<?php while ( have_posts() ) : the_post(); ?>
		<?php get_template_part( 'partials/content', 'archive' ); ?>
	<?php endwhile; ?>

	<?php get_template_part( 'partials/nav', 'paging' ); ?>

<?php else : ?>
	<?php get_template_part( 'partials/content', 'none' ); ?>
<?php endif; ?>
</main>

<?php ttfmake_maybe_show_sidebar( 'right' ); ?>

<?php get_footer(); ?>

I think I figured this out. Please correct me if I have poor code. I’m a hack. https://www.braincandy.io Test and see what you get. Thanks!

@media screen and (min-width: 935px) {
	.parent-.site-navigation .menu {
  	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
	}

	ul#menu-top-nav {
		position: relative;
		float: left;
		transform: translateY(-150%); /*affects nav menu position in explorer*/
	}
	.site-header-main {
		height: 1rem;
		height: 14px;
	}
}