Return to previous page

Header Break - by andrew.d.harris1 - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Olga Barlow

  • Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant
    July 9, 2017 at 15:07

    How can I get my header to break at a certain pixel width? I don’t want my menu items going onto 2 lines. When it gets to a certain width I want it to switch to the mobile header style that shows the menu icon instead. Thanks

    #167418 Copied
    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 10, 2017 at 16:33

    Hello,

    I don’t see this problem on your site. Have you sorted out?

    Regards

    #167517 Copied
    Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant
    July 10, 2017 at 20:58

    What I did was put a top level menu named more and then list second level menu items inside that so the top level menu items would not break onto 2 lines

    #167540 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 11, 2017 at 17:38

    Hello,

    Is this solution ok for you or you still want to show all the items? Because to enable mobile menu from the bigger resolution you need to change a lot of CSS styles. The solution for you also could be smaller font size for the menu for the smaller devices.

    Regards

    #167636 Copied
    Avatar: andrew.d.harris1
    andrew.d.harris1
    Participant
    July 11, 2017 at 17:59

    This solution is fine for me. Thanks

    #167647 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 11, 2017 at 18:13

    Ok. Great.

    Regards

    #167653 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.