[Pro Headers] Overlapping Menu Items

[ocloren]

There doesn’t appear to be a clear reason why the menu items are overlapping as I shrink the width of the page. As I shrink, I want to set the breakpoint but can’t seem to figure out how…unless it’s only controlled by custom CSS?

[Joao]

Hi There,

That is hapenning because there is not enough space with your settings as they are. To fix it you can add the following CSS to Theme Options CSS

@media(min-width: 969px) and (max-width: 1200px) {
.hm4.x-bar-container, .hm8.x-bar-container {
    width: 23%;
    padding: 0px;
}

.hm3.x-menu > li > .x-anchor .x-anchor-text-primary {
font-size: 1em;
}}

Hope it helps