Return to previous page

How to decide mobile break point on menu?

This topic has 4 replies, 2 voices, and was last updated 6 years, 12 months ago ago by Rose Tyler

  • Avatar: megabite
    megabite
    Participant
    November 24, 2017 at 09:00

    Is there a css code to set the mobile break point for the header? Too often i have problems with the menu being too wide and hiding under the logo or breaking into two lines.

    #178559 Copied Theme version: 4.13
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 24, 2017 at 09:16

    Hello,

    Hope you are having a nice day.
    Mobile menu starts from 992px. If you want to change this breakpoint it requires a lot of additional style customization. But you may add this code in Theme Options > Styling > Custom css > Custom CSS for mobile landscape (481px – 767px):

    .header-logo img {
    max-width: 60%;
}

    Regards

    #178562 Copied
    Avatar: megabite
    megabite
    Participant
    November 24, 2017 at 15:33

    Hi, thanks for the code =)

    But would still love to have the code/procedure for changing break points as we often face this challenge with our clients pages. So if possible, please provide me with this =)

    #178633 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 24, 2017 at 15:38

    Hello,

    Sorry, but unfortunately, this request falls to the customization and out of the general support responsibility, in this case, you can contact these guys for the customize service: WP-Kraken team.
    Hope you understand this matter, thank you.

    Regards

    #178638 Copied

  • Tagged: , , , ,

  • Viewing 4 results - 1 through 4 (of 4 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Spice 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.