If you’ve noticed that the YouTube desktop layout has changed recently, especially with the introduction of the Shorts interface, and you prefer the classic view, you’re not alone. Many users find the new Shorts layout cluttered or less convenient for browsing videos the way they used to. Fortunately, there are steps you can take to revert the YouTube desktop layout back to its standard appearance. This guide will walk you through the process, whether it’s due to a browser update, experimental features, or a change in your settings. Before starting, ensure your browser is up to date and you have a stable internet connection for the best experience.
What You’ll Need
- A computer with internet access
- Google Chrome, Firefox, Edge, or any modern web browser
- Basic familiarity with browser settings and extensions (optional but helpful)
Step-by-Step
- Open YouTube in Your Browser: Launch your preferred web browser and navigate to https://www.youtube.com. Log into your account if you haven’t already to ensure all features are accessible and your preferences are saved.
- Identify the Shorts Layout: Visit the YouTube homepage or any video page to observe the current layout. If Shorts appear prominently in a vertical feed or as a separate section, it indicates the Shorts redesign is active.
- Access Browser Developer Tools: Press F12 or right-click on the page and select ‘Inspect’ to open the developer tools panel. This allows you to modify page code temporarily.
- Locate the Shorts Section in the Code: Use the element selector (usually a cursor icon in developer tools) to hover over the Shorts section. You will see highlighted HTML elements corresponding to the Shorts layout.
- Hide the Shorts Elements: Right-click on the highlighted code and choose ‘Delete element’ or add a CSS rule to hide it. For example, in the console tab, type:
document.querySelectorAll('ytd-rich-grid-renderer, ytd-shorts-shelf').forEach(e => e.style.display='none');This temporarily removes Shorts from the page.
- Use a Custom CSS Extension (Optional): To make this change persistent, install a browser extension like ‘Stylus’ or ‘User CSS.’ Create a new style for youtube.com with the following CSS:
/* Hide Shorts section */ ytd-shorts-shelf { display: none !important; } - Refresh the Page: Reload YouTube. The Shorts section should now be hidden, restoring the desktop layout to its traditional view.
- Disable Experimental Features (if applicable): Some layout changes come from experimental features. Go to YouTube settings, then to ‘Appearance’ or ‘Labs’ (if available), and disable any new layout or Shorts-related experiments.
- Clear Browser Cache and Cookies (if the layout persists): Sometimes, cached data enforces the new layout. Clear your browser cache and cookies, then restart the browser and revisit YouTube.
- Use a User-Agent Switcher (if necessary): In rare cases, the layout is based on your device detection. Use a browser extension to mimic a desktop user-agent if you are on a mobile browser or vice versa.
Common Mistakes
- Not refreshing the page after making code changes or applying CSS rules.
- Confusing temporary developer tool modifications with permanent changes—remember, developer tools changes are session-based.
- Overlooking browser cache and cookies, which may cause old layouts to persist.
- Attempting to modify YouTube settings when the layout change is server-side or due to experimental features.
- Using outdated browser extensions or incompatible tools that do not support CSS customization.
Tips
- Always back up your custom CSS or note the changes you make for future reference.
- Use incognito/private browsing mode to test changes without interference from cached data or extensions.
- Keep your browser updated to ensure compatibility with developer tools and extensions.
- If you’re not comfortable editing code, consider using browser extensions like Stylus for a more user-friendly approach.
- Check online forums or communities for updated CSS snippets or tools that can help hide Shorts or revert layouts.
Troubleshooting
If the layout does not change after following the steps, try these solutions:
- Refresh and Clear Cache: Clear your browser cache and cookies, then reload YouTube. Sometimes stored data enforces the new layout.
- Disable Browser Extensions: Temporarily disable extensions that modify webpage appearances, such as ad blockers or CSS editors, to see if they interfere.
- Use Incognito Mode: Open a private browsing window and repeat the steps. This helps identify if browser settings or extensions are causing issues.
- Update Your Browser: Ensure your browser is the latest version, as outdated browsers may not support certain developer tools or CSS features.
- Try a Different Browser: If one browser fails to revert the layout, test in another browser to rule out compatibility issues.
- Check for YouTube Updates: Sometimes, YouTube updates its interface globally. If the layout is enforced server-side, manual changes may only be temporary.
- Revisit the CSS/Code: Verify that your custom CSS rules are correctly written and saved in your extension or style manager.
Frequently Asked Questions
1. Can I permanently remove the Shorts section from YouTube on desktop?
Yes, by using browser extensions like Stylus to apply custom CSS that hides the Shorts shelf permanently. Remember, updates to YouTube may require you to update your CSS rules.
2. Why does the layout keep reverting back to Shorts or a new design?
This is often due to YouTube’s server-side updates or experimental features. Clearing cache, disabling experimental features, or using custom CSS can help, but changes may revert with platform updates.
3. Is there an official way to switch back to the old layout?
No, YouTube does not currently offer an official option to revert to previous layouts. Using custom CSS or browser modifications is the main workaround.
4. Will modifying the layout affect my YouTube account or data?
No, changing the layout via browser tools or extensions only affects your local viewing experience and does not impact your account or data stored on YouTube.
5. Can I hide other sections like Trending or Subscriptions using similar methods?
Yes, with custom CSS, you can hide various sections by targeting their specific HTML elements. Use developer tools to identify the elements and write CSS rules accordingly.
6. Are there any risks to modifying YouTube’s webpage code?
Modifying webpage code with developer tools or extensions is generally safe for your browsing experience. However, be cautious with third-party extensions and avoid sharing sensitive information.
By following these steps and tips, you should be able to restore the traditional desktop layout on YouTube and customize your viewing experience to suit your preferences. Remember, platform updates may occasionally require you to redo these adjustments, so staying informed through online communities can be helpful for ongoing customization.
Related
- Block Deepseek App Usage with Microsoft Defender for Cloud Apps
- How to Block ChatGPT Using Microsoft Defender for Endpoint HTMD Method
- How to Block Cell Phone Numbers on Android and iPhone