{"id":5647,"date":"2020-08-28T20:53:44","date_gmt":"2020-08-28T10:53:44","guid":{"rendered":"https:\/\/wpdevdesign.wpengine.com\/?p=5647"},"modified":"2020-09-08T07:24:09","modified_gmt":"2020-09-07T21:24:09","slug":"pro-menu-mobile-menu-customizations","status":"publish","type":"post","link":"https:\/\/wpdevdesign.com\/pro-menu-mobile-menu-customizations\/","title":{"rendered":"Pro Menu Mobile Menu Customizations"},"content":{"rendered":"
\n
\n

Updated on September 03, 2020<\/em><\/p>\n

In the comments section of Oxygen Mobile Menu Customizations \u2013 2<\/a> tutorial a user asked:<\/p>\n

\n

Any chance that this could be updated for the pro menu?<\/p>\n<\/blockquote>\n

This members-only<\/a> tutorial provides the steps to improve the appearance of Oxygen<\/a>'s Pro Menu's mobile inline dropdown items by bolding the top-level menu items, indenting the sub menus and adjusting the spacing.<\/p>\n

\n
\n

Before:<\/p>\n

\"\"<\/figure>\n<\/div>\n
\n

After:<\/p>\n

\"\"<\/figure>\n<\/div>\n<\/div>\n

Step 1<\/h2>\n

Edit your Main Catch All Template having the sitewide header and footer.<\/p>\n

Add a Pro Menu component where you want the menu to appear and select your menu.<\/p>\n

You can either configure it from scratch or use a preset. In my test site, I selected \"Desktop and Mobile\".<\/p>\n <\/div>\n

\n

This is a premium members-only content.<\/p>\n

To view the rest of the content, please sign up for membership ($47\/month or $599 one-time)<\/a>.<\/p>\n

Already a member? Log in below or here<\/a>.<\/p>\n <\/div>\n