Special Offer: Get All 151 Premium WordPress Themes for Just $99.99 $59.99 Purchase Now Learn more

Add Custom Text Next to Mobile (Burger) Menu

Add Custom Text Next to Mobile (Burger) Menu

In case you want to add a custom text next to Mobile (Burger) Menu icon, it will require a small code change. Here are all of the necessary steps:

1. Login to your WordPress Admin Panel, then navigate to Left Menu -> Appearance -> Theme File Editor.

2. Open /header.php file for edit

3. Below

</nav><!-- #navmain -->

insert the following code:

<div class="addiotional-menu-text">
	Some Additional Text
</div>

* Change ‘Some Additional Text’ according to your needs

4. Open /style.css file for edit

5. At the end of the file insert the following code:

@media screen and (min-width: 800px) {
    .addiotional-menu-text {
         display:none;
    }
}

It will hide the text for larger screens where the Mobile (Burger) menu is not visible.