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.
/* Hide any default text in the site name link */
/* Default styling for larger screens */
#p-banner {
display: flex;
justify-content: center;
align-items: center;
background-image: url("/resources/assets/title.svg");
background-size: contain;
background-repeat: no-repeat;
text-indent: -9999px; /* Hides text while keeping the link accessible */
width: 100px; /* Adjust width to fit your SVG */
height: 40px; /* Adjust height to fit your SVG */
margin: 0 auto; /* Centers the element horizontally */
}
/* Responsive adjustments for pad screens */
@media (max-width: 1098px) {
#p-banner {
height: 30px; /* Adjust height for mobile */
background-size: 90%; /* Make the SVG smaller */
margin-top: 5px; /* Add top margin to center vertically */
}
}
/* Responsive adjustments for mobile screens */
@media (max-width: 850px) {
#p-banner {
height: 30px; /* Adjust height for mobile */
background-size: 95%; /* Make the SVG smaller */
margin-top: 7px; /* Add top margin to center vertically */
}
}