Breakpoints /Responsiveness setting

bubbleboy

Maybe i am missing something obvious in the settings but when the browser width changes between Desktop to Mobile (before the mobile Menu is rendered) the top navigation gets skewed. Any pointers. IS there breakpoints i can set

dominic

Hi bubbleboy,
Because the menu item is longer than the width, you can select the larger screen(LG) in the option or change the with of the menu item with the following CSS:

@media (max-width: 767px) {
.t4-megamenu .navbar-nav>li>a, .t4-megamenu .navbar-nav>li>.nav-link {
    padding: 0 1rem;
    font-size: 18px;
}
}