Remove Quick Launch Bar From Sharepoint Page: A Step-By-Step Guide

how t get ride of qiuck lunch bar sharepoint page

If you're looking to remove or replace a Quick Launch bar on a SharePoint page, it's essential to understand the steps involved in customizing your site's navigation. The Quick Launch bar, typically located on the left side of a SharePoint page, provides easy access to various site components, but it may not always align with your desired layout or functionality. To get rid of it, you can utilize SharePoint's built-in customization tools, such as editing the page layout, modifying the master page, or leveraging SharePoint Designer for more advanced adjustments. By accessing the site settings and navigating to the appropriate configuration options, you can either hide the Quick Launch bar entirely or replace it with a custom navigation menu that better suits your needs. This process requires careful consideration of your site's structure and user experience to ensure seamless navigation after the changes are implemented.

Characteristics Values
Method Modify SharePoint Page Layout
Tool Required SharePoint Online or SharePoint Designer
Permission Level Edit or Design permissions for the site
Steps 1. Navigate to the SharePoint page.
2. Click "Edit" at the top-right corner.
3. Locate the Quick Launch section.
4. Delete or hide the Quick Launch web part.
5. Save and publish the changes.
Alternative Method Use PowerShell commands to modify the page layout
PowerShell Command Example Set-PnPPage -Identity "<PageName>" -LayoutType Article
CSS Solution Add custom CSS to hide the Quick Launch bar: #sideNavBox { display: none; }
Master Page Modification Modify the master page to remove the Quick Launch section (requires advanced permissions)
Compatibility Works on SharePoint Online, SharePoint 2013, 2016, 2019
Impact Removes or hides the Quick Launch bar from the specified SharePoint page
Reversibility Changes can be reverted by restoring the original layout or removing custom CSS
Documentation Refer to Microsoft SharePoint documentation for detailed steps and best practices

anmeal

Remove Quick Launch Bar - Access page settings, disable or hide the Quick Launch bar

The Quick Launch bar in SharePoint can sometimes clutter the interface, distracting users from the main content. Fortunately, SharePoint offers straightforward methods to remove or hide this element, enhancing page aesthetics and usability. To begin, navigate to the SharePoint page where the Quick Launch bar appears. Access the page settings by clicking the gear icon in the top-right corner and selecting "Edit Page" or "Page Settings," depending on your SharePoint version. This initial step is crucial, as it unlocks the customization options needed to modify the Quick Launch bar.

Once in the page settings, locate the "Navigation" or "Quick Launch" section. Here, you’ll find options to either disable or hide the Quick Launch bar. Disabling it removes the bar entirely, while hiding it collapses the bar into a smaller, clickable menu. Choose the option that best aligns with your design goals and user needs. For instance, hiding the bar can be a practical compromise if users occasionally need access to navigation links. After making your selection, save the changes and publish the page to apply the updates.

It’s worth noting that these changes are page-specific, meaning you’ll need to repeat the process for each page if you want to remove the Quick Launch bar site-wide. Alternatively, consider modifying the site’s master page or using SharePoint Designer for more advanced customization. However, these methods require technical expertise and should be approached with caution to avoid unintended consequences. For most users, the page settings approach is sufficient and user-friendly.

A practical tip for testing changes is to use SharePoint’s preview mode before publishing. This allows you to see how the page looks without the Quick Launch bar and ensure it meets your design requirements. Additionally, communicate the change to your team or users, especially if the navigation structure has been altered. Clear communication can prevent confusion and ensure a smooth transition to the updated layout.

In summary, removing or hiding the Quick Launch bar in SharePoint is a simple yet impactful way to streamline your page design. By accessing page settings and selecting the appropriate option, you can achieve a cleaner, more focused interface. Whether you choose to disable or hide the bar, the process is accessible and requires no advanced technical skills. With careful consideration and testing, you can enhance both the visual appeal and functionality of your SharePoint pages.

anmeal

Customize SharePoint Page - Use modern SharePoint editor to modify page layout

SharePoint's Quick Launch bar, while useful for navigation, can sometimes clutter your page and distract from the content you want to highlight. Fortunately, the modern SharePoint editor offers a straightforward way to customize your page layout and remove or modify the Quick Launch bar to better suit your needs. Here’s how to take control of your SharePoint page design.

Begin by navigating to the SharePoint page you wish to customize. Click Edit in the top-right corner to enter the modern SharePoint editor. This editor provides a drag-and-drop interface, allowing you to rearrange and modify sections with ease. To remove the Quick Launch bar, locate the Page details panel on the right side of the screen. Under the Layout section, you’ll find options to change the page’s structure. Select Full width to eliminate the left-hand navigation, effectively removing the Quick Launch bar. This creates a cleaner, more focused layout that prioritizes your main content.

If you prefer to retain some navigation elements but want to customize them, consider using the Add a section feature. Insert a new section at the top of the page and add a Quick Links web part. This allows you to manually curate links that are relevant to your audience, providing a more tailored navigation experience. For example, you can include links to frequently visited pages, documents, or external resources. This approach gives you greater control over the user experience while reducing clutter.

When modifying your page layout, keep accessibility in mind. Ensure that any changes you make do not hinder navigation for users who rely on screen readers or keyboard navigation. Test your page thoroughly to confirm that all elements are functional and intuitive. Additionally, leverage SharePoint’s Themes feature to maintain visual consistency with your organization’s branding. Customizing the layout and removing the Quick Launch bar should enhance, not detract from, the overall user experience.

Finally, remember that SharePoint’s modern editor is designed to be flexible and user-friendly. Experiment with different layouts and web parts to find the configuration that best meets your needs. Whether you’re creating a team site, intranet homepage, or project hub, taking the time to customize your page layout can significantly improve engagement and usability. By removing or modifying the Quick Launch bar, you can create a more streamlined and focused SharePoint page that aligns with your specific goals.

anmeal

Use CSS to Hide - Inject custom CSS to hide the Quick Launch bar permanently

Injecting custom CSS to hide the Quick Launch bar in SharePoint is a precise, effective method for achieving a cleaner, more focused interface. By targeting the specific HTML elements associated with the Quick Launch, you can permanently remove it without altering the site’s underlying structure. This approach is particularly useful for modern SharePoint pages where built-in settings may not offer sufficient customization. The key lies in identifying the correct CSS selector and applying it via SharePoint’s custom CSS injection capabilities or through a Content Editor Web Part.

To implement this, first access your SharePoint site’s settings and navigate to the "Change the look" or "Site Settings" area, depending on your SharePoint version. Here, you can add custom CSS directly or upload a CSS file. The critical CSS rule to hide the Quick Launch bar typically involves targeting the `#s4-leftpanel` or `.ms-core-navigation` class, depending on the SharePoint version and layout. For example, adding `#s4-leftpanel { display: none !important; }` to your custom CSS will force the Quick Launch bar to disappear across all pages. Ensure the `!important` flag is used to override any conflicting styles.

While this method is straightforward, it’s essential to test the CSS across different devices and browsers to ensure consistency. SharePoint’s responsive design may cause unexpected behavior, particularly on mobile views. Additionally, consider the impact on user navigation—removing the Quick Launch bar permanently may require alternative navigation solutions, such as a top navigation bar or embedded links within the page content. Balancing aesthetics with functionality is crucial for maintaining a user-friendly experience.

One practical tip is to use browser developer tools to inspect the Quick Launch bar’s HTML structure before writing CSS. This ensures you target the correct element and avoid inadvertently hiding other components. For instance, in SharePoint Online, the Quick Launch bar often resides within a div with the class `ms-core-navigation`. By right-clicking the bar and selecting "Inspect," you can verify the exact selector and refine your CSS rule accordingly. This step minimizes trial and error, saving time and effort.

In conclusion, using CSS to hide the Quick Launch bar is a powerful, non-disruptive solution for streamlining SharePoint pages. It requires minimal technical expertise but demands attention to detail and consideration of the broader user experience. By following these steps and leveraging browser tools, you can achieve a polished, distraction-free interface tailored to your specific needs.

anmeal

Change Page Template - Switch to a template without the Quick Launch bar

SharePoint's Quick Launch bar, while useful for navigation, can sometimes clutter the interface or distract from the main content. If you're looking to streamline your SharePoint page, switching to a template without the Quick Launch bar is a straightforward solution. This change not only enhances visual clarity but also allows users to focus on the content that matters most. Here’s how to achieve this transformation effectively.

Begin by navigating to the SharePoint page you wish to modify. Click on the Settings gear icon in the top-right corner, then select Page details from the dropdown menu. Under the Page Template section, you’ll find the current template applied to the page. SharePoint offers several templates, including Home Page, Article Page, and Blank Page, among others. The key is to choose a template that inherently excludes the Quick Launch bar, such as the Blank Page template, which provides a clean slate for customization.

Once you’ve selected a suitable template, SharePoint will prompt you to confirm the change. Be aware that switching templates may reset certain page elements, so it’s wise to back up any critical content before proceeding. After confirmation, the page will reload with the new template applied. At this point, the Quick Launch bar will no longer be visible, giving you a more focused and uncluttered layout.

While this method is effective, it’s important to consider the trade-offs. Removing the Quick Launch bar can improve aesthetics and reduce distractions, but it may also impact navigation for users accustomed to the sidebar. To mitigate this, consider adding alternative navigation elements, such as a top navigation bar or embedded links within the page content. By balancing design and functionality, you can create a SharePoint page that is both visually appealing and user-friendly.

In summary, switching to a template without the Quick Launch bar is a practical way to declutter your SharePoint page. By following these steps and thoughtfully addressing navigation needs, you can achieve a cleaner, more focused interface that enhances user engagement and content visibility.

anmeal

SharePoint Designer Tool - Utilize SharePoint Designer to remove or edit the bar

SharePoint Designer offers a precise solution for those seeking to remove or edit the Quick Launch bar on a SharePoint page. Unlike browser-based interfaces, this tool provides direct access to the site’s underlying structure, allowing for granular modifications. To begin, open SharePoint Designer and connect to your site by entering its URL. Navigate to the specific page where the Quick Launch bar resides, typically found under the "Pages" or "Master Pages" section. Once located, switch to the code view to access the HTML and CSS that define the bar’s appearance and functionality.

Editing the Quick Launch bar requires a clear understanding of SharePoint’s master page architecture. The bar is often tied to the site’s master page, which controls the layout for all subsidiary pages. In SharePoint Designer, locate the master page file (e.g., `v4.master` for SharePoint 2010 or `seattle.master` for SharePoint 2013/2016). Open this file in advanced mode, and search for the `` or `` tags, which typically govern the Quick Launch bar. To remove the bar entirely, delete or comment out the relevant section. For edits, modify the CSS classes or inline styles to adjust its appearance, such as hiding it for specific views or user groups.

While SharePoint Designer is powerful, it demands caution. Directly altering master pages can affect the entire site, so always back up files before making changes. Test modifications in a staging environment to avoid disrupting live pages. Additionally, SharePoint Designer is deprecated in modern SharePoint Online environments, so this method is best suited for on-premises or older SharePoint versions. For modern sites, consider using PowerShell or the SharePoint REST API as alternatives.

A practical tip for users new to SharePoint Designer is to leverage its "Find" feature to locate specific elements quickly. For instance, search for `Quick Launch` or `SPNavigation` to pinpoint the relevant code. Pair this with the "Preview" function to see changes in real-time without publishing. By combining precision edits with careful testing, SharePoint Designer remains a reliable tool for customizing SharePoint’s Quick Launch bar to meet specific organizational needs.

Frequently asked questions

To remove the Quick Launch bar, go to the SharePoint page, click on the "Edit" button, then select the "Change the look" option. Under the "Navigation" section, choose "No Navigation" or "Structural Navigation" to hide the Quick Launch bar.

Yes, you can use audience targeting or permissions to hide the Quick Launch bar for specific users or groups. Edit the page, select the Quick Launch web part, and configure audience targeting or permissions in the settings.

Yes, you can use SharePoint Designer to modify the master page or page layout. Open the master page, locate the Quick Launch section, and remove or comment out the code responsible for rendering it.

To disable the Quick Launch bar site-wide, modify the master page or use a custom CSS file to hide it. Alternatively, change the site’s navigation settings under "Site Settings" > "Navigation" and select "No Quick Launch."

Yes, you can replace the Quick Launch bar with a custom navigation menu by adding a Content Editor Web Part or a custom web part to the page. Use HTML, JavaScript, or a third-party tool to create and embed the custom menu.

Written by
Reviewed by

Explore related products

Share this post
Print
Did this article help you?

Leave a comment