{"id":355,"date":"2014-03-29T06:41:38","date_gmt":"2014-03-29T06:41:38","guid":{"rendered":"http:\/\/pixert.com\/blog\/?p=355"},"modified":"2014-06-10T15:53:18","modified_gmt":"2014-06-10T15:53:18","slug":"create-responsive-menu-with-wordpress-plugin","status":"publish","type":"post","link":"https:\/\/pixert.com\/blog\/create-responsive-menu-with-wordpress-plugin\/","title":{"rendered":"Create Responsive Menu with WordPress Plugin"},"content":{"rendered":"<p><a href=\"http:\/\/www.wpzoom.com\/members\/go.php?r=978&amp;i=l3\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"377\" data-permalink=\"https:\/\/pixert.com\/blog\/create-responsive-menu-with-wordpress-plugin\/responsivemenu\/\" data-orig-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?fit=640%2C592&amp;ssl=1\" data-orig-size=\"640,592\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"responsivemenu\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?fit=300%2C277&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?fit=640%2C592&amp;ssl=1\" class=\"aligncenter wp-image-377 size-full\" src=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?resize=640%2C592\" alt=\"responsivemenu\" width=\"640\" height=\"592\" srcset=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?resize=300%2C277&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><br \/>\n<a title=\"Responsive Menu\" href=\"http:\/\/wordpress.org\/plugins\/responsive-menu\/\">Responsive menu<\/a> is a WordPress \u00a0plugin that creates a nice three-lined menu button or responsive menu when the site viewed on devices that users can click to bring a slide out menu, which is easily navigated .\u00a0<!--more--><\/p>\n<p>We don&#8217;t need to code responsive menu to themes, \u00a0just install the plugin and activate the plugin through Plugins menu in WordPress. Once the plugin activated, we&#8217;ll see three-lined menu button on top right of the site when screen resolution adjusted<\/p>\n<p>The Responsive Select Menu plugin has an easy to use admin that allows us to easily change settings such as\u00a0Menu Title,\u00a0Menu Title Image,\u00a0Button Title,\u00a0Button Title Image, \u00a0Menu Depth To Display,\u00a0Top Location,\u00a0Right Percentage Location,\u00a0Line &amp; Text Colour,\u00a0Menu Button Background Colour,\u00a0Absolute and Fixed Positioning,\u00a0Menu Font,\u00a0Menu Title Colour,\u00a0Menu Title Hover Colour,\u00a0Menu Title Background Colour,\u00a0Menu Text Colour,\u00a0Menu Text Hover Colour,\u00a0Menu Background Colour,\u00a0Menu Link Background Hover Colour. There are 45 customisable options in the plugin<\/p>\n<p>From 45 options, we found following options are ones that need to be setup first before customising other options in the plugin<\/p>\n<ul>\n<li>Change Menu Breakpoint option from default 600px to 1020px to show on tablet portrait, landscape mobile sizes and portrait mobile sizes<\/li>\n<li>Change Menu Width from 75% to 50% to make menu narrow when takes up across the page once expanded<\/li>\n<li>Change Location Settings, Top and Right to adjust with your theme header.<\/li>\n<\/ul>\n<p><strong>Summary<\/strong><\/p>\n<p>Great\u00a0thing about this plugin is that easy to configure and instant implementation,no shortcodes or fancy php code to be inserted by us.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsive menu is a WordPress \u00a0plugin that creates a nice three-lined menu button or responsive menu when the site viewed on devices that users can click to bring a slide out menu, which is easily navigated .\u00a0<\/p>\n","protected":false},"author":1,"featured_media":377,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[137,6,66,7,44],"class_list":["post-355","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-responsive","tag-wordpress-2","tag-wordpress-plugin","tag-wp","tag-wp-admin"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/03\/responsivemenu.jpg?fit=640%2C592&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p1pvi1-5J","jetpack-related-posts":[{"id":344,"url":"https:\/\/pixert.com\/blog\/useful-wordpress-plugin-category-order-and-taxonomy-terms-order\/","url_meta":{"origin":355,"position":0},"title":"Useful WordPress Plugin: Category Order and Taxonomy Terms Order","author":"Pixel Insert \/ Pixert","date":"December 30, 2013","format":false,"excerpt":"Category Order and Taxonomy Terms Order is a powerful plugin to re-order categories and all custom taxonomies terms using a drag and drop capability. The best thing about this plugin, we don't need to change theme code just to re-order categories and taxonomies, the plugin will do it for us.\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":300,"url":"https:\/\/pixert.com\/blog\/how-to-add-widgetized-custom-sidebars-wordpress-theme\/","url_meta":{"origin":355,"position":1},"title":"How to add widgetized and custom sidebars on WordPress theme","author":"Pixel Insert \/ Pixert","date":"April 13, 2013","format":false,"excerpt":"WordPress themes are usually come with Widgetized sidebars where you can drag and drop widgets. It's okay when we don't need more widgetized sidebars to the theme, but we probably think to add more when we think widgetized sidebar solution to your customization problem, for instance you want to add\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":351,"url":"https:\/\/pixert.com\/blog\/wordpress-code-editor-enhancement\/","url_meta":{"origin":355,"position":2},"title":"WordPress Code Editor Enhancement","author":"Pixel Insert \/ Pixert","date":"June 8, 2014","format":false,"excerpt":"WordPress code editor (WP-Admin > Appearance > Editor) does not yet have a good editor with syntax highlighting, line numbers etc.\u00a0Following plugins expand WordPress Code Editor from plain code editor to more sophisticated code editor with a lot of great features. These plugins allows administrator to edit code without accessing\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/06\/wpeditor.jpg?fit=1051%2C907&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":216,"url":"https:\/\/pixert.com\/blog\/how-to-show-world-map-as-default-view-pronamic-google-maps-plugin-wordpress\/","url_meta":{"origin":355,"position":3},"title":"How to show World Map as default view using Pronamic Google Maps plugin for WordPress","author":"Pixel Insert \/ Pixert","date":"March 26, 2012","format":false,"excerpt":"Pronamic Google Maps plugin is the best WordPress plugin for Google Maps \"With this plugin a user can easily add location (latitude, longitude) meta data to a page, post or a custom post type. This plugin adds a meta box with an Google Map to the post editor. Users can\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":157,"url":"https:\/\/pixert.com\/blog\/wordpress-database-optimization\/","url_meta":{"origin":355,"position":4},"title":"WordPress Database Optimization","author":"Pixel Insert \/ Pixert","date":"December 9, 2011","format":false,"excerpt":"WordPress is powered by PHP and depends on MySQL database; in fact, all the content, including the website settings, are stored in it. When your WordPress site is visited, the web server will query the database to retrieve all the necessary information to display. However, over time, the speed required\u2026","rel":"","context":"In &quot;CentOS&quot;","block_context":{"text":"CentOS","link":"https:\/\/pixert.com\/blog\/category\/centos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/12\/wpoptimize.jpg?fit=1009%2C895&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/12\/wpoptimize.jpg?fit=1009%2C895&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/12\/wpoptimize.jpg?fit=1009%2C895&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/12\/wpoptimize.jpg?fit=1009%2C895&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":598,"url":"https:\/\/pixert.com\/blog\/google-search-with-a-plugin-wp-google-search\/","url_meta":{"origin":355,"position":5},"title":"Google Custom Search with a plugin, WP Google Search","author":"Pixel Insert \/ Pixert","date":"May 18, 2021","format":false,"excerpt":"I use Google Custom Search or also known as Google Programmable Search Engine on my WordPress blog. I used Google Hosted Search at that time, but when I got a notification from Google that I would not get Google AdSense sharing through Google Hosted Search, I have to change the\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"WP Google Search","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/05\/E1261131-FB6D-4940-95EB-6605A9CB686C.jpeg?fit=1200%2C405&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/comments?post=355"}],"version-history":[{"count":0,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/355\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media\/377"}],"wp:attachment":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media?parent=355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/categories?post=355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/tags?post=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}