Remove image header and scroll from Twenty Fourteen

I have revolution slider installed

which template files have you edited in what way?

have you contacted the developer of the plugin for help?

I thought perhaps it was a theme issue and so i did not contact them. I’m using the template titled: NotGeneric1, and using the latest slider version, updated theme and WP.

Slider Settings are:
? Standard Slider
? Full Screen
? Optional Full screen height is set to default: CONTAINER

I did not use any advanced settings.

Thanks!

hey thanks I got it resolved. However, i found a thread in which you show how to move the Search and Main nav below. I tried and it worked, however the search and main nav are now stacked. How can i fix this so they are on the same line?

https://www.RickyBonilla.com

thanks in advance

I see your code, just cut the close div tag for class=”header-main” and put it after the closing nav tag inside header.php. look at these code:
before:

<header id="masthead" class="site-header" role="banner">
		<div class="header-main">
			<h1 class="site-title"><a href="https://rickybonilla.com/" rel="home">Ricky Bonilla</a></h1>

			<div class="search-toggle">
				<a href="#search-container" class="screen-reader-text" aria-expanded="false" aria-controls="search-container">Search</a>
			</div>

		</div>

		<div id="search-container" class="search-box-wrapper hide">
			<div class="search-box">
				<form role="search" method="get" class="search-form" action="https://rickybonilla.com/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" placeholder="Search …" value="" name="s">
				</label>
				<input type="submit" class="search-submit" value="Search">
			</form>			</div>
		</div>
		<nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
				<button class="menu-toggle">Primary Menu</button>
				<a class="screen-reader-text skip-link" href="#content">Skip to content</a>
				<div class="menu-home-container"><ul id="primary-menu" class="nav-menu"><li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-40"><a href="https://rickybonilla.com">Home</a></li>
</ul></div>			</nav>
	</header>

After:

<header id="masthead" class="site-header" role="banner">
		<div class="header-main">
			<h1 class="site-title"><a href="https://rickybonilla.com/" rel="home">Ricky Bonilla</a></h1>

			<div class="search-toggle">
				<a href="#search-container" class="screen-reader-text" aria-expanded="false" aria-controls="search-container">Search</a>
			</div>

		<div id="search-container" class="search-box-wrapper hide">
			<div class="search-box">
				<form role="search" method="get" class="search-form" action="https://rickybonilla.com/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" placeholder="Search …" value="" name="s">
				</label>
				<input type="submit" class="search-submit" value="Search">
			</form>			</div>
		</div>
		<nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
				<button class="menu-toggle">Primary Menu</button>
				<a class="screen-reader-text skip-link" href="#content">Skip to content</a>
				<div class="menu-home-container"><ul id="primary-menu" class="nav-menu"><li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-40"><a href="https://rickybonilla.com">Home</a></li>
</ul></div>			</nav>
		</div>
	</header>

note that should give your search button and main nav at the same row. and if i could suggest you, try to remove the <h1 class="site-title"> because it doesn’t even needed.

sincerely,
jjero

excellent, that worked like a charm!!

one last thing, after i introduced my logo, it also stacked on a separate line. How can i have Logo and Main Nav on the same line? thanks again!!

hi RickAero, sorry for late reply, i was wondering how did you put your logo there, but i just realize u just crop your image and upload it as header image. so, open up header.php,
at the line 36 or so, you should see <div id="site-header">, below it, cut the code from opening a tag to the closing:

<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
			<img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
		</a>

and put it under:

<header id="masthead" class="site-header" role="banner">
		<div class="header-main">

then delete the h1 tag;
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

and, try to corp the image logo to 105 x 48 px if your first logo image didn’t fit in.

remember: always back up your file before editing it and always use child theme to avoid upgrade issue.

Many many thanks jjero!!! I’m going to try it now and yes i’m using Child too..will also remove the title etc

Best

you are welcome..

sincerely,

jjerro

ok, so now the header position is below the main nav. and the logo does not appear. I did resize the logo as recommended

thanks

do you recommend a better solution to include my logo in that position?

never mind, i put it in the wrong place :-/

you’re the best, thanks a ton for your help!

hi RickAero, sorry..
i’ve tried using the method i wrote, and its work fine, but yeah, i am not cropping the image because i just using chrome dev tool to temporarily edit and see what happen in a website. here is your web look like when i edit using chrome dev tool..

okay, so the different is you cropped it as i recommended, but try not to crop it, may it should work..

oh, thats good.. you are welcome..

sorry to bother you again, it works, however now the slider is not 100% on the bottom. The header pushes the slider up. does that make sense?

thanks

ok, the width and height of the slider container is 100% which is mean the slider is in its max size. i discover this: style="width: 100%; height: 100%; in slider container, but if you are not comfort with the space of top content which is showed at the bottom of slider, maybe you could try to adding more padding to your header bar so, it would look like this.
but it is up to you..

sincerely,

jjerro