What's new in
27.5.7.1
version?
Home
FAQs
Documentation
How to
Video Tutorials
Introduction
BeTheme
Getting started
Installation & Updates
Pre-built websites
Bundled plugins
Theme License
Pages
Page creation
Page Options
Theme options
Global
Header & Subheader
Menu & Action bar
Sidebars
Blog & Portfolio
Shop
Pages
Footer
Search
Responsive
SEO
Social
Addons & Plugins
Colors
Fonts
Translate
GDPR & Cookies
Performance
Accessibility
Custom CSS & JS
Backup & Reset
BeBuilder Blocks
An overview
How to use
Pre-built sections
Revisions & Backups
Shortcodes
Sections & Wraps
BeBuilder
An overview
How to use
Pre-built sections
Revisions & Backups
Positioning
Responsive editing
Blog
Creation
Post Options
Portfolio
Creation
Portfolio page options
WooCommerce
How to use WooCommerce
How to use WooCommerce Attribute Swatches
How to create a Shop page?
How to create a Single Product layout?
How to set sidebar for Shop or Single Product?
Wishlist
Templates
Footer & Sidebars
Footer
Sidebars
Custom post types
Clients
Offer
Slides
Testimonials
Templates
Layouts
Translation & WPML
Translation
Menus
Menus
Mega Menu
Extras
Header Builder
Supported Plugins
Static CSS
White Label
Try it now
Menu goes under header, does not fit
Home
Blog
FAQ
Menu goes under header, does not fit
If your
menu
goes under the header, or does so before the mobile breakpoint is reached, you should try to:
Extend the site width of your content. It will also affect the header.
GO TO
WP Admin > Betheme > Theme Options > Global > General
Make your header full width. This way the grid width is disabled for the header.
GO TO
WP Admin > Betheme > Theme Options > Header&Subheader > Header
Change the font size for the menu items
GO TO
WP Admin > Betheme > Theme Options > Fonts > Size&Style
Insert fewer items into the menu. You can also rearrange the menu using dropdown menus or
megamenu
instead.
Was this article helpful? Share it!
Facebook
Twitter
07/09/2020
Try it now