Got it ✅ — you’re talking about that big empty space to the right of the vertical menu on desktop. That’s happening because the menu is fixed at a certain width, and the rest of the page is just blank. We can fix this by: Making the menu only as wide as the buttons (auto width). Letting the main content sit right next to it. Using flexbox so the layout is clean and responsive. Here’s the improved version: Html Responsive Vertical Menu (No JS, Compact)

Welcome

This is your main content area. The menu on the left is now compact and only as wide as the buttons.

Resize the browser to see the responsive behavior.

What Changed: Flexbox layout keeps menu and content side-by-side. Menu width is now auto — no huge empty space. Main content fills the rest of the screen. Still fully responsive — on mobile, the menu collapses into a hamburger. If you want, I can now add a smooth slide-in animation for the mobile menu so it feels more modern. Do you want me to add that next? Two Column One Row Table
Column 1 Content Here’s a fully responsive vertical navigation menu built with only HTML and CSS — no JavaScript required. It uses the CSS :checked pseudo-class with a hidden checkbox to toggle the menu on smaller screens. Got it ✅ — you want the menu buttons smaller so they take up less vertical space. We can do this by reducing the padding and font size in the CSS. Here’s the updated responsive vertical menu with smaller buttons: Html Responsive Vertical Menu (No JS, Smaller Buttons) Changes Made: Padding reduced from 14px 20px → 8px 14px Font size reduced from 16px → 14px Menu width reduced from 250px → 200px for desktop Hamburger button also made smaller If you want, I can add a smooth slide-in animation so the smaller menu looks more modern when opening on mobile. Do you want me to add that next? Column 2 Content Sample Image



:



 · Start · Sign in · Register · Search · Statistics · Manual ·
Test Forum An Incredible miniBB-based Forum / Test Forum /  
 

Test

 
Author admin
Admin
#1 · Posted: Today 11:24
Test

Author Guest
~
#2 · Posted: Today 11:25
Test

Author Guest
~
#3 · Posted: Today 11:26
I am a great guest

Author Guest
~
#4 · Posted: Today 11:32

Test Forum An Incredible miniBB-based Forum / Test Forum /
 Test

Your Reply Click this icon to move up to the quoted message


  ?
Post as a Guest, leaving the Password field blank. You could also enter a Guest name, if it's not taken by a member yet. Sign-in and post at once, or just sign-in, bypassing the message's text.

 
 
An Incredible miniBB-based Forum Powered by Discussion Forum Software miniBB ®