CSS Styles for Responsive Logo Positioning

This snippet contains CSS styles for positioning a logo on the page. It defines the position, width, and layering of the logo in both standard and responsive layouts. The media query ensures proper display on smaller screens by adjusting dimensions and positions accordingly.
 avatar
user_5561620
css
2 months ago
330 B
6
Indexable
.roxit-logo {
    position: absolute;
    width: 200px;
    left: 1rem;
    top: 2rem;
    z-index: 991;
}


@media screen and (max-width: 990px) {
    #metalogoid {
        max-width: 3.5rem;
        position: absolute;
        z-index: 99;
        top: 1rem;
        left: 2.9rem;
        height: 50px;
    }
}
Leave a Comment