Hi,

The problem is that the menu is to large, to fit in the available space.
I recommend to reduce the size as much as possible by:

1) Remove the Homepage link from the menu (logo already links to the homepage, so additional link in the menu is not really needed)

2) Shorten the menu item names, if possible.

3) Reduce font-size (if possible) and set letter spacing to 0 in Theme Options -> Navigation settings -> Main Navigation Fonts -> 1st Level Menu

When you complete the steps above, I can further help to reduce spacings with some custom CSS, if needed. To do this, I will need to be able to see your site in a browser, please share a link to your site when ready. The steps 1-3 should be completed, so I can fine-tune the CSS with exact screen width (responsiveness), where the spacing should be reduced.

Kind regards,

Andrej

Hi,

The website does not open. I get this error:

Can you check / create a link again?

Kind regards,

Andrej

Sure, this is possible. This is how we share projects with our clients as well, using our domain, or sometimes on a subdomain of the client's domain. There are many plugins which help with migration. Or you can do it the classic way, by copying the files, copying the database, set new database credentials in wp-config.php file and finally run the search and replace in the database to replace all instances of the temporary domain urls to the final one. This can be done with a plugin like this one: https://wordpress.org/plugins/better-search-replace/

Kind regards,

Andrej

Hi,

I've added two breaking points to the menu, to improve responsibility. It first reduces the space between the menu items from 12 to 6 px at 1150px screen width, then at 1070px screen width it sets it to zero.

Please copy the following CSS snippet to Theme Options -> Custom CSS.

@media (min-width: 1070px) and (max-width: 1150px) {
    .nav-style-2 .nav-menu>li:not(:last-child) {
        margin-right: 6px!important;
    }
}
@media (min-width: 992px) and (max-width:1070px) {
    .nav-style-2 .nav-menu>li:not(:last-child) {
        margin-right: 0!important;
    }
}

I hope this helps,

Andrej

Hi,

The followings CSS will adjust the spacings for the sticky menu:

@media (min-width: 992px) and (max-width: 1110px) {
    .stickymenu .nav-menu>li>a {
        padding: 6px 7px!important;
    }
}

Kind regards,

Andrej

Hi,

The theme is built on top of Bootstrap CSS library and the breaking point of 991px for the mobile menu is hardcoded. Changing this breaking point would require you to adjust the styling of the menu. This is much larger task then anticipated. The 991px breaking point is used in hundrets of places within CSS and also multiple places within Javascript files. 
Unfortunatly the only rational solution is to adjust styling of the menu on screens above the 991px. 

I've already sent the solution to remove spacings between the menus on the standard menu and another one for the sticky menu which are currently not applied on your website. If there is still not enaugh space, there is additional option to gain some extra space by hiding the "Home" menu item on devices with size 992px - 1024px. 

Kind regards,

Andrej

This will hide the menu item between 992px and 1050px screen width:

@media (min-width: 992px) and (max-width: 1050px) {
    .main-nav-wrap .menu-item-11113327 {
            display: none!important;
    }
}

Glad to hear it. Thank you Francesca.

Andrej

Hi Miguel,

Please open a new ticket, as the issue is unrelated to the innitial ticket and it is also for a different theme.
You can open a new ticket under "bug reports" category, even if you don't have active Envato support. 

Please share your website url address and describe the steps to reproduce the issue in the browser, so we can test and see what exactly is going on with the menu (why it dissapears) and help to resolve the issue. We need to see it in the browser, so we can track issues with web developer tools. 

I am closing this ticket.

Andrej