fred.boniface
/
fredboniface.co.uk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed navbar style

This commit is contained in:
Fred Boniface 2022-10-07 20:01:11 +01:00
parent e2f9addef1
commit e430bdf604
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/styles.css
View File

@ -22,7 +22,7 @@ body {
background-color: #6b98f2;
font-family: sans-serif;
padding: 0px 0px 0px 0px;
margin: 0;
margin: auto; /*Changed to auto, was previously 0*/
width: 100%;
}
@ -135,8 +135,8 @@ body {
display: block;
}
/* When the screen is less than 600 pixels wide, hide all links and replace 'Home' icon with link. Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
/* When the screen is less than 800 pixels wide, hide all links and replace 'Home' icon with link. Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 800px) {
.navbar a, .navbar img, .dropdown .dropbutton {
display: none;
}
@ -161,7 +161,7 @@ body {
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
@media screen and (max-width: 800px) {
.navbar.responsive {position: relative;}
.navbar.responsive a.icon {
position: absolute;