Travel Demo Import

Author:

Published:

Updated:

The travel demo created by Alex (WPEagle) is more complex than the our other demos, and therefore there are a couple of extra steps involved in getting this setup.

Max Mega Menu

The demo importer cannot import the Max Mega Menu settings as of yet (we will look into this). but in the meantime, you can follow the extra steps below to get going:

Add a mega menu location and assign ‘main menu’

Make sure this location is enabled.

Click Save Changes

Import the mega menu theme (Copy the code below):

{"title":"Default","container_background_from":"rgba(255, 255, 255, 0.1)","container_background_to":"rgba(255, 255, 255, 0.1)","menu_item_background_hover_from":"rgba(255, 255, 255, 0.1)","menu_item_background_hover_to":"rgba(255, 255, 255, 0.1)","menu_item_spacing":"30px","menu_item_link_font_size":"24px","menu_item_link_color":"rgb(34, 34, 34)","menu_item_link_weight":"300","menu_item_link_color_hover":"rgb(77, 150, 226)","menu_item_link_weight_hover":"300","panel_border_left":"1px","panel_border_right":"1px","panel_border_top":"1px","panel_border_bottom":"1px","panel_border_radius_top_left":"5px","panel_border_radius_top_right":"50px","panel_border_radius_bottom_left":"50px","panel_border_radius_bottom_right":"5px","panel_padding_left":"4px","panel_padding_right":"4px","panel_padding_top":"4px","panel_padding_bottom":"4px","panel_font_size":"14px","panel_font_color":"#666","panel_font_family":"inherit","panel_second_level_font_color":"#555","panel_second_level_font_color_hover":"#555","panel_second_level_text_transform":"uppercase","panel_second_level_font":"inherit","panel_second_level_font_size":"16px","panel_second_level_font_weight":"300","panel_second_level_font_weight_hover":"bold","panel_second_level_text_decoration":"none","panel_second_level_text_decoration_hover":"none","panel_third_level_font_color":"#666","panel_third_level_font_color_hover":"#666","panel_third_level_font":"inherit","panel_third_level_font_size":"14px","flyout_border_radius_top_left":"10px","flyout_border_radius_top_right":"10px","flyout_border_radius_bottom_left":"10px","flyout_border_radius_bottom_right":"10px","flyout_padding_top":"10px","flyout_padding_right":"10px","flyout_padding_bottom":"10px","flyout_padding_left":"10px","flyout_link_weight":"300","flyout_link_weight_hover":"300","flyout_background_hover_from":"rgb(77, 150, 226)","flyout_background_hover_to":"rgb(77, 150, 226)","flyout_link_size":"18px","flyout_link_color":"#666","flyout_link_color_hover":"rgb(255, 255, 255)","flyout_link_family":"inherit","shadow":"on","shadow_horizontal":"1px","shadow_vertical":"1px","shadow_spread":"2px","toggle_background_from":"rgb(245, 245, 245)","toggle_background_to":"rgb(245, 245, 245)","mobile_background_from":"#222","mobile_background_to":"#222","mobile_menu_item_link_font_size":"14px","mobile_menu_item_link_color":"#ffffff","mobile_menu_item_link_text_align":"left","mobile_menu_item_link_color_hover":"#ffffff","mobile_menu_item_background_hover_from":"#333","mobile_menu_item_background_hover_to":"#333","custom_css":"\/** Push menu onto new line **\/ \r\n#{$wrap} { \r\n    clear: both; \r\n}"}

Import the mega menu theme:

then paste the code and click ‘Import Theme’

And lastly, assign your imported theme to the navigation location you previously created.

And thats it…

The article was written by

Leave a Reply

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