Header / Menu Options

Tokyo Menu Background Color

This colors are set with custom css Adapt below css to your needs and edit or add in theme options – design – custom colors – custom css .header_type3_menu_sidebar { background-color: #FF3B3D; } .header_type3_menu_sidebar #access ul.menu>li>a, .header_type3_menu_sidebar #access .menu>li>a i { color: #ffffff; }

How to add icons to main menu (same as in Los Angeles Demo for ex)

For this end result: Follow the below steps. Go to admin – menus – edit menu   Example of Navigation Label You can take other fontawesome icons from our theme list of icons – http://help.wpresidence.net/article/font-awesome/ For the spacing between icon menus we added a custom css solution (which may need to be adjusted to your […]

1.30.3 – Header Image And Parallax Effect

There are 2 global options related to header image. Select header type to be global (all pages, all posts, all properties, all agents, all taxonomies, all archives and categories) and Enable parallax for all header media with image or video   If you wish to use header image only for a specific page / post […]

1.30.3 Video Header option for each Page & Post

The Video Header options shows under Appearance Settings in Edit Page – Edit Post – Edit Agent – Edit Property (* except for when you choose to have full header slider) For the video header you can add self hosted video in mp4, WEBM, OGV versions. You can include a cover image (in case the […]


FOR RETINA LOGOS VERSIONS: To add Retina logo versions for your own logos, create retina logo, add _2x at the end of name of the original file (for ex logo_2x.jpg) and upload it in the same uploads folder as the non retina logo. These are example steps to add the retina logo version for your […]

How to add Font Awesome icon to footer menu

Edit footer menu item from Admin – Menus Add the icon font awesome in the CSS CLASSES element. You can find the CSS class for your icon on the Font Awesome homepage or by using the the cheatsheet. Each is prefixed by “fa-” to differentiate from any other common classes that may already be in […]

How to change Header Type. How to change Logo / Menu position

Header Type is changed from Header Settings For each type you can select different alignment options   \  And for all options you can set header wide – 100% or grid wide (wide as the grid set by default or modified in theme options – general design (http://help.wpresidence.net/2016/09/15/1-17-general-design-settings-grid-width-header-height-and-many-more/ ) These are the links to each […]

Header type 2

Header type  2 can be selected from Theme Options-General-Header-Header type You can chose to place the logo on the LEFT side of the header Place logo in CENTER Or place the logo on the RIGHT side. Header type 2 can be also set to be WIDE (100% screen wide)

Header type 1

Header Type 1 can be selected from Theme Options-General-Header-Header type Header type 1 can be set to have the logo aligned to left   or to right Header type 1 can also be made wide (screen wide) from the Header section in Theme Options as well.  

1.18 Vertical Menu. Header Type 3. Header Type 4

To choose Vertical Menu for your installation, first select Header Type from theme options Header type 3 – is vertical – positioned on the right side and closed by default The Login/Register will not be included in the header type 3.  You can add a register/login widget  or shortcode to Sidebar Menu Widget Area (before or […]