Adding A DropDown Menu To Your MobilePress

Yes guys! You do know i love mobilepress right? because it is the first mobile theme I have ever used and still using. The main reason I love mobilepress that much, is because it gives me the privilege to edit the theme just the way i want it without any restrictions. Now tell me who wouldn’t love a mobile theme like that?

mobilepress-dropdown-menu

Last time on our mobilepress lesson, we did learn how to create a standard menu for our mobile users. But for those who have so many categories on their blog and want to show all categories to their mobile users, using the drop down menu would be the perfect choice for you, don’t you think?

Adding A Drop Down Menu On MobilePress

Must Read: Top 7 Social Share Buttons You Just Got To Love

On this tutorial, we are going to do it in two (2) ways – the first step of the tutorial is going to be for the tech inclined bloggers and the second step will be for the non-techie. So if you are ready, let’s roll :).

Please Note: Before you tamper or play with any of your blog code, make sure you do a proper backup so you can revert if you make any mistake.

In this tutorial, we are assuming that you have installed the mobilepress plugin, right? if yes, follow these simple steps.

Go to your c-panel where your wordpress is installed >>> click wp-content >>> Click Plugins >>> Click mobilepress >>> Click themes >>> Click default…

Now we are going to edit the “Header.php” of our mobile press, so are you ready? If yes, let’s go.

Click the header.php file >>> by the right hand side of your c-panel, click “Edit” to take you to where you can edit the file.

Now scroll to the end of the “header.php” file – after the last </div> tag, paste the below code

 <div align="center">

<form action="<?php bloginfo('url'); ?>" method="get">

<div>

<strong>Categories:</strong> <?php wp_dropdown_categories('show_count=0&hierarchical=0&orderby=name'); ?>

<input type="submit" name="submit" value="View" />

</div>

</form>

</div> 

Have you done that? Now save your work and check your blog on your mobile phone, you will see all your categories in the dropdown menu. Looks cool right?

For those that do not know how to edit codes, follow the below steps.

Must Read: 3 Killer Ways On How To Drive Quality Traffic To A New Blog

First, download this header.zip >>> Extract it to a specified folder.

Now go to your c-panel where your wordpress is installed >>> click wp-content >>> Click Plugins >>> Click mobilepress >>> Click themes >>> Click default and upload the extracted “header.php” file there. Now you have successfully completed the steps.

How simple can that get? Now go make your mobilepress more mobile friendly and lovable in the eyes of your mobile readers :).

Let’s Play Social

Do you have questions, comments or thoughts you’d love to share with us? Then please do, by using the comment box below. Remember that your comments, questions and thoughts are highly welcomed and much appreciated :).

Must Read: A Stylish 3D Social Icons with Simple Spine Effect For Your Blog

Was the post helpful to you in one way or another? Then pleas do click the like button, share us and recommend us with friends because you will never know who among your friends might be in need of a lovely tutorial like this :). Before you go, do not forget to subscribe to our feed for your latest updates on the go :).

Don't Miss Any Post Again. Subscribe To Our Feed And Be Updated

Enter your email address below:

 

Powered by OnenaijaBlog

Comments

  1. says

    Hi Baba !
    Thanks for sharing this tutorial ! I’ll try this out for sure . Am using the WPTouch plugin on my blog ..i would deactivate it for few hours and implement the drop down functionality by following this tutorial after installing the MobilePress plugin .

    • says

      Hello Pramod,
      I do understand that WPtouch don’t give their users right to edit their codes right? Well mobilepress is a different mobile theme that gives you total control of its codes. You should use and see how it goes.
      Thanks for the comment and do have a nice week start…

  2. says

    Hi Babanature,
    Awesome! will sure be an understatement when I tried describing how easy your tutorial has always been. Understanding them doesn’t look any difficult ‘cos they are always straight to the point.

    I love your provided code for creating a drop down menu on mobilepress custom themes, I will look forward to using it on a client website I am currently working on.

    Thanks for sharing valuable tutorials like this one, I also wanna use this privilege to wish you a happy independence celebration come tomorrow 1st October.

  3. says

    Hi Babanature,

    Nice and short tutorial :)

    However, as you already know that I have a mobile friendly theme that I recently went in for, so I don’t think I need a mobilepress plugin – do I? Do you feel having this additionally will make a difference to the way my blog is views on the mobile? Just wondering because the way I see it, it seems pretty alright, though I wonder if you view the blog with the mobilepress plugin, how would it look?

    Thanks for sharing. Have a nice week ahead :)
    Harleena Singh recently posted…5 Golden Tips On How To Deal With AngerMy Profile

    • says

      Hello Harleena,
      Your responsive theme is okay and do show well on my phone. The only reason people use mobile theme is to get more freedom and different customization for their mobile users.
      I am actually using mobile theme because i want to monetize my mobile readers as well. I’ll advice you to keep using your responsive theme, But you can still try out the mobile theme for a short time and see how it goes on your blog :)
      Thanks for stopping by and dropping your comment, do have a wonderful week start my friend :)

    • says

      Hello Ugee,
      Good to hear that, and also glad that you’re using mobilepress as your mobile theme too :).
      Thanks for stopping by and dropping your comment, Have a blessed week start

  4. says

    You have been teaching me all new things. I really appreciate for this article on mobile press. Recently one of our cilent also asked for a mobile responsive theme. These techniques really help us to learn new things. Thanks again. Always expecting to know something new here. Thumbs up to onenaijablog.com

  5. says

    Hi Baba Himself, you are truly a source of inspiration to many upcoming bloggers like myself, this post really sparked off something new in me, and I begin to have deeper passion to become more creative in doing whatever I do. Your concept, your style are all born out of creativity. Coming to your blog is my daily delight and as a learner, I have been positively affected by you and your blog.

    I have recommended your blog to my friends, I am too sure they will be very happy to subscribe to your updates; on my part, I will always be here to support and promote your blog in every possible means.

    I deeply appreciate your influence on me to become more committed to my blogging career, once again, thank you from my heart. Remain blessed!

    • says

      Hello Enebu,
      Thanks for the kind words, they are indeed appreciated :). Hope to connect with you more. Do have a faithful week ahead and happy independent day

    • says

      Hello Nosa,
      Indeed, mobilepress is one mobile theme we just can’t ignore because it is indeed flexible. Glad to see that you know your way around the mobilepress theme.
      Thanks for stopping by and do have your self a happy independent day :)

  6. says

    Hello Babanature,
    I am thinking of adding some more mobile friendly functionality to my site and this one certainly looks good. With your tutorial it also looks like I can easily change things when I need to and I have your examples to help if I need them!
    great job
    ashley
    Ashley Faulkes recently posted…Fanciest Author Box ReviewMy Profile

    • says

      Hello Ashley,
      Giving your mobile site the ability to customize its theme and the way you want it, can indeed convert for you beautifully. If you’re looking for a mobile theme, then mobilepress can be considered :)

      Thanks for stopping by and dropping your comment. Do have a blessed week ahead :)

  7. says

    Hello Babanature,

    To tell you the truth I’ve never heard of MobilePress. When it comes to making a site mobile friendly there are so many different themes and plugins it can be so confusing.

    Your tutorial really makes it simple to understand. I currently use a site that is already mobile friendly but if I ever decide that I need a something to make my site mobile friendly…I know where to come.

    Have a great day.

    • says

      Hello Susan,
      You haven’t heard of mobilepress? Well mobilepress is one great mobile theme that give its users the ability to make their mobile view more awesome.
      If you’re using a responsive theme and you like how it looks on your mobile, then keep using it. But if you’re looking for more customization, then the mobilepress theme is for you :)
      Thanks for stopping by and dropping your comment. do have a beautiful week ahead…

  8. says

    Hi Babanature,

    Seriously? We can change it without restriction? Wow, that is great my friend. I am going to look for more about this then. Thanks for this post

    • says

      Hey Okto,
      Yeah! Mobilepress is indeed without limitation. You can customize it as you like, but as long as you know how to code :).
      Thanks for stopping by and do have a brilliant week friend :)

  9. Bello says

    Hey Baba,
    I’d say that, this tutorial is right on point. I don’t know how to edit my code area so i downloaded the script. I have installed it and it sure looked awesome :D

    • says

      That part is for the none-techie kind and glad it was useful to you as well. Hope you do like the look and feel of the drop down menu?
      Thanks for the comment and do have a wonderful week ahead :)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge