How to add a submenu on the right of the logo?


#1

How to add a submenu on the right of the logo? Like the rtcamp.com


#2

Hello Xu2steve,

Add following code in your functions.php file, this code will remove navigation function from old hook and add to new hook.

/* Remove default navigation function from rtp_hook_begin_header hook. */  
remove_action( 'rtp_hook_begin_header','rtp_default_nav_menu' );  

/* Add navigation to new rtp_hook_after_logo hook. */  
add_action( 'rtp_hook_after_logo','rtp_default_nav_menu' );

Now copy below code to your style.css file,

.rtp-nav-wrapper { clear: none; float: left; }  
.rtp-nav-wrapper:before, .rtp-nav-wrapper:after { display: none; }

You might need to modify styles as per needed.


#3

In style.css, add this code. It could help you little more.

/* Sub menu indicators
--------------------------------------------- */
@font-face {
font-family: ‘entypo’;
src: url(‘fonts/entypo.eot?40834763’);
src: url(‘fonts/entypo.eot?40834763#iefix’) format(‘embedded-opentype’),
url(‘fonts/entypo.woff?40834763’) format(‘woff’),
url(‘fonts/entypo.ttf?40834763’) format(‘truetype’),
url(‘fonts/entypo.svg?40834763#entypo’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

.genesis-nav-menu > .menu-item.has-children > a:after {
content: “\e760”;
font-family: ‘entypo’;
padding-left: 0.5em;
speak: none;
}

ul.sub-menu li.has-children > a:after {
content: “\e762”;
font-family: ‘entypo’;
padding-left: 1em;
speak: none;
}

That’s it.


#4

Thanks @tomdupuis15 for the code.

@xu2steve
The problem you were facing has been solved?

If need more help then you can check https://rtcamp.com/support/topic/positioning-the-logo-like-rtcamp-com/#post-65073 thread.


#5