About Menu

Hi shihcy

Thanks for posting your question.

Parent Menu Item Not Linked
To create a top level menu item that is not linked, go to Appearance > Menus and select your custom menu. Instead of inserting a Page, insert a Custom Link, you’ll find the Custom Link meta box in the left column. Insert the name of the link in the label field and in the URL field, insert a hash: #. Once the link has been added to your menu you can edit it and remove the hash. Use this custom link as your top level menu item.

Header Height
There is a setting for header height at Appearance > Customize > Theme Design > Header if you are using Ultra Premium. If not, Premium is available for as little as $5 once off.

If you’d like to continue using Ultra Free you can install a plugin like Simple Custom CSS, go to Appearance > Custom CSS and edit the header height by inserting the following:

.site-header,.site-header .container,.site-header .site-branding-container,.main-navigation .menu-search {
    height: 112px;
}

@media (min-width: 1024px) {
    #main-slider.overlap {
        margin-top: -112px;
    }
}

.main-navigation div > ul > li > a,.main-navigation .menu-search .search-icon:before {
    height: 112px;
    line-height: 112px;
}

.main-navigation ul ul {
    top: 109px;
}

Edit the values as required. The last value must be 3px less than the values above.

Hope that helps.

Thanks for your feedback. Would it be possible to send a link to your site so I can check the last problem? You can use the Set as private reply checkbox if you would like to keep your site private.

Thanks for the update. Sorry that the menu toggle button isn’t more dynamically positioned. Please, try the following added to Appearance > Custom CSS:

/* Mobile Menu Toggle */
.responsive-menu .menu-toggle {
    margin-top: 21px;
}

Awesome, glad that did the trick 🙂