Header / Menu Options

Header Type 2 – Center Menu (if no user menu is enabled)

If you use this header combination and you wish to center menu as well, please read further. Select header type 2 with logo centered Below css will align menu in center (use this ONLY if you don’t enable the user menu in header). By default menu is on the left and user menu is on […]

1.17 Main Menu Design

Starting 1.17 update – from Main Menu Design tab you can change colors, font size and hover design Colors managed from this settings area are: Top Menu Font Color Top Menu Hover Font Color Transparent Header – Top Menu Font Color Top Menu Hover Background Color* *this works for Top Menu Hover Type 3 + […]

1.17 General Design Settings: Grid Width, Header Height and many more

Starting theme update v1.17 you have more design options in backend. From theme options  – General Design Settings you can control the following. Main Grid Width in px The entire grid will change in front end, except the half map style page which is by default 100% width because of the special page content/design. You can […]

1.18 Update – How to align menu without submit button

For 1.18 update, to align the menu on the right without submit please add this css in design – custom css .header_type1.header_left #access { margin: 0px 30px 0px 0px; }   For 1.17 update, the css is: #access{ margin-right:40px; }    

Header Settings in Theme Options

The header settings are edited in Theme Options – General – Header. What each option does is explained below: Show top bar widget menu? Show user login menu in header ? Global transparent header? Transparent Header will look good if you will choose light colors for menu font. Hence you will need a dark background […]

1.17 Logos & Favicon Settings Updated

Starting version 1.17 we have removed the auto resize of the logo, because often the logo did not look well. For default design, the logo must have maximum height 70 px and the sticky logo must have maximum height 60px. If you wish to change header height to set a larger logo, see these options: 1.17 […]

Mega Menu: How to enable Mega Menu. How to customize Mega Menu.

To set a Main Menu item as Mega Menu – Check the option as in below screenshot and SAVE How to add background color: To add background color to the mega menu content, use CSS. See example below. Change the color code to your color code. background-color: #fafafa; How to add background image for mega […]

Change Mobile Logo background color. Change Mobile Menu background and color

Use this css code into theme options -> desing -> custom css code .(or add in your style.css ) .mobile_header { background-color: #282D33; background: black; height: 70px; } Change Mobile Menu Icon color .mobile_header i { color: #fff; font-size: 17px; margin: 26px; } The change can look like this if you go for a white […]

FOOTER MENU

To create the menu go to Appearance -> Menu. Create a new menu and add the links using the panels listed on the left. You can also add a custom link to show in footer: Save It would be placed like this  

MOBILE MENU

To create the menu go to Appearance -> Menu. Create a menu and add the links using the panels listed on the left. You can create different menus for primary menu, footer menu and mobile menu. When the menu is ready go to Manage Locations. Select Primary Menu , Mobile Menu and Footer Menu and […]