![]() Step 2 – Add a New Menu LocationĪdding a menu location to house our mobile menu will make the solution far more flexible. Copy across the header.php from your current theme and create an empty functions.php. If you don’t already have a child theme then create one now! Apart from being best practice, it makes customisation much easier, keeps the original theme in tact and will enable you to update the original theme without losing all your modifications. We’ll be working with the TwentyThirteen theme shipped with WordPress 3.6. Whilst the query approach does mean outputting HTML that may not be used, it is consistent with responsive design and so that’s the option we are going to look at here. The other is to output all menus and then make use of queries in the stylesheet to only show the appropriate menu. ![]() ![]() One is to determine the platform from the browser making the request and then output the appropriate menu. ![]() There are two options for providing platform-specific menus. Providing Mobile-only Versions of Pages: you may want to deliver a different version of the same page for mobile users and changing the page link in the navigation allows you to do this.Changing the Priority of Pages for Mobile Users: it may be that mobile users have a different set of popular pages to desktop users (check your analytics now!) and so it makes sense to give these pages a higher priority in your navigation.Menus on smaller devices need to shorter and deeper than their desktop counterparts. Limited Real Estate: a long menu may simply not fit on a mobile screen.There are number of reasons why smaller screens deserve their own navigation: ![]() has a specific menu just for mobile devices. Confined spaces need alternative solutions. Here’s five simple steps to add mobile-specific menus to your responsive theme and provide an awesome viewing experience for your mobile visitors. Navigation is hugely important to the user experience of any site and forcing menus designed for much larger devices onto mobile users could undo all the good work of the responsive design. Making your WordPress site accessible on mobile devices starts – but doesn’t end – with the installation of a responsive theme. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |