Menu breaks into two lines

  • thread404cp

    (@thread404cp)


    7 years, 5 months ago

    Hello all,
    I set up a WordPress menu with a WooCommerce cart icon in it. Whenever the browser window becomes too small, the menu breaks into two lines. It’s as if it’s not full width, but I feel I’ve checked every setting there is to no avail.

    Website: https://inplex-test3.dk/brille/

    Any help is appreciated.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • TUT Support

    (@phpexpert21)

    7 years, 5 months ago

    Hello @thread404cp,

    We can manage with the help of custom css. Please apply the below given css under Appearance -> Customize -> Additional css-

    #site-navigation-wrap .dropdown-menu>li>a {
font-size: 12px !important;
padding: 0 10px !important;
}

    I hope the above was helpful.

    Kind regards,

    Manoj

    Thread Starter thread404cp

    (@thread404cp)

    7 years, 5 months ago

    Thank you, although simply making the font size smaller just makes the break point show at an even smaller window (Okay, fair enough, no ones gonna use such a small browser window anyway :P)

    But is this the only solution? I feel like some setting might be wrong for it to break into two lines like that?

    Amit Singh

    (@apprimit)

    7 years, 5 months ago

    Hello,

    Try to adjust the Left/right padding from the Customize > Header > Menu.
    You can also change the breakpoints to fix this issue – Go to Customize > Header > Mobile Menu and change it.

    Try to add the below code to the customize > custom css section if the above settings don’t work. 

    div#site-navigation-wrap {
    width: 70%;
    justify-content: center;
    display: flex;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Menu breaks into two lines’ is closed to new replies.

Tags