Custom Header Using Ocean WP Full Screen Menu

Managed to hack together this design together by using the top menu as well and importing a custom header into the social area then absolutely positing hamburger menu from the actual header so effectively the header is using full-screen menu but it’s aligned with top menu instead.

Would much rather work with rather than against Ocean WP at this point.

Can you tell me how to effectively add an additional content area box https://prnt.sc/pquaox to the customizer? Is there any documentation?

For quickness, this is the code in partials/header/style/full-screen-header.php

<?php
/**
 * Full Screen Header Style
 *
 * @package OceanWP WordPress theme
 */

// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

// Get classes
$classes = array( 'clr' );

// Add container class
if ( true != get_theme_mod( 'ocean_header_full_width', false ) ) {
    $classes[] = 'container';
}

// Turn classes into space seperated string
$classes = implode( ' ', $classes ); ?>

<?php do_action( 'ocean_before_header_inner' ); ?>

<div id="site-header-inner" class="<?php echo esc_attr( $classes ); ?>">

	<?php do_action( 'ocean_header_inner_left_content' ); ?>

<!-- NEW CONTENT AREA BOX TO GO HERE -->

	<?php get_template_part( 'partials/header/logo' ); ?>

	<div id="site-navigation-wrap" class="clr">
				
		<div class="menu-bar-wrap clr">
			<div class="menu-bar-inner clr">
				<a href="#" class="menu-bar"><span class="ham"></span></a>
			</div>
		</div>

		<div id="full-screen-menu" class="clr">
			<div id="full-screen-menu-inner" class="clr">
				<?php get_template_part( 'partials/header/nav' ); ?>
			</div>
		</div>

	</div><!-- #site-header-wrap -->

	<?php do_action( 'ocean_header_inner_right_content' ); ?>

</div><!-- #site-header-inner -->

<?php get_template_part( 'partials/mobile/mobile-dropdown' ); ?>

<?php do_action( 'ocean_after_header_inner' ); ?>

Many thanks for your time it’s very much appreciated, I think this would definitely make Ocean Full-Screen Menu style much stronger with v little changes at all.

• This reply was modified 6 years, 7 months ago by kingfisher64.

Hello, I understand you have many other priorities. I did ask for some help in paid ticketing system for the paid plugin I bought the ocean widgets 🙂

Would you consider adding the fullscreen widget to your paid plugin https://oceanwp.org/extension/ocean-elementor-widgets/? This way a custom header can be used.

I know you mentioned you would consider above but I wasn’t sure if that was for this suggestion or the other one mentioned in that specific post.

Thanks again.