This article explains how to change width of the desktop menu to smaller size to 1160px + 2 gaps left/right 30px. It will look like this after this customization.

2021-01-02_10h54_42.gif

 

Please use this CSS code below. You can find instruction how to add it here:

https://tangiblewp.freshdesk.com/support/solutions/articles/101000373820-how-to-add-css-code-that-is-future-update-compatible 

 

@media (min-width: 1200px) {
.vehica-menu__wrapper {
top: 0!important;
}
.vehica-menu__wrapper {
max-width: 1200px !important; /* New Menu Width (including gap 2*30px both side) */
margin: 0 auto !important;
position: static;
animation: none !important;
}
.vehica-menu__desktop {
width: 100% !important;
}

.vehica-menu-sticky-active .vehica-header > div:not(.vehica-menu__transparent-wrapper) {
height: 100px !important; /* Menu not sticky height (to prevent window jumping) */
}

.vehica-menu-sticky-active .vehica-menu__desktop {
position: fixed !important;
left:0!important;
background: #fff !important; /* Sticky Background Color */
height: 70px !important; /* Sticky Menu Height */
animation: vehica-slide-down 0.5s;
}
.vehica-menu-sticky-active .vehica-menu__wrapper {
position: relative !important;
box-shadow: none !important;
}
}