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


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


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.


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.


Thanks @tomdupuis15 for the code.

The problem you were facing has been solved?

If need more help then you can check thread.