How can we help you today?

Header Menu Is Hidden When It Is Longer than the Width of the Page

Problem:

The header menu on your site disappears or is hidden when it is longer than the width of the page.


Reason:

If the Responsive Website option is enabled in your site's Theme builder and your header menu is longer than the width of the page, ShortPoint will automatically display the collapsed Mobile navigation. ShortPoint automatically displays the collapsed navigation so that some of your navigation links are not hidden when it is longer than the width of the page.


Solution:

Please follow these simple steps to resolve the issue,


1. Please copy the CSS code snippet below,

html.shortpoint-force-sharepoint-responsive.shortpoint-mobile-menu-off #DeltaTopNavigation .ms-core-listMenu-root {
  width: 768px !important;
}

2. Go to ShortPoint's dashboard page and open Theme builder


3. Navigate to Utilities > Custom CSS and paste the copied CSS in the textarea



4. Click Publish and the issue should be resolved.


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 28 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more