MediaWiki:Vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* All CSS here will be loaded for users of the Vector skin */
/* Ensure the content is responsive */
body {
    margin: 0;
    padding: 0;
}

#content {
    width: auto;
    margin: 0 1em;
}

/* Navigation bar adjustments */
#p-personal ul,
#p-navigation ul,
#p-tb ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* Adjust the sidebar for mobile screens */
@media screen and (max-width: 600px) {
    #mw-panel {
        display: none; /* Hide sidebar on small screens */
    }

    #content {
        margin: 0;
        padding: 0 10px;
    }
    
    #p-cactions {
        display: none; /* Hide actions like edit/view history on small screens */
    }
    
    .mw-body {
        padding: 0;
    }
}