Customising responsive menu

[yashitamittal11]

Hello

Website URL: MGTools

1. I want to remove the word 'Menu' from the responsive menu. I just want that the hamburger should show. I am not able to find the way to achieve this functionality.

2. I want that the header image should be on the extreme left and the responsive menu on the extreme right of the page. But I am facing difficulty pushing the responsive menu to the right. Between 500px and 1022px, advice how to align menu to the right.
I am using display:flex on .site-header .wrap. I have used align-content: flex-start on .title-area and align-content: flex-end on .header-widget-area.
But .header-widget-area does not align to the right.

Thanks

http://greeninvites.com

[Victor Font]

The 'Menu' is from the script localization in functions.php. Look in this file around line 44 for the output_array. Delete the word menu, but leave the empty quote marks.

Change this:

$output = array(
	'mainMenu' => __( 'Menu', 'genesis-sample' ),
	'subMenu'  => __( 'Menu', 'genesis-sample' ),
);

To this:

$output = array(
	'mainMenu' => __( '', 'genesis-sample' ),
	'subMenu'  => __( '', 'genesis-sample' ),
);

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Victor Font]

For your second question, the width of .header-widget-area is too small to reach the far right side of the screen. You have to make the width larger that 20%. You'll have to experiment to find the optimal width.

Also add float: right to #nav_menu-2. If the CSS doesn't exit, then create it.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[yashitamittal11]

Thanks

That solved the problem.

[Author]

Posts