Commit a2173a80 authored by Evonne Cheung's avatar Evonne Cheung Committed by Robert Lyon
Browse files

Bug 1857374 mobile logo to appear at proper break point

Took out the manual variable and replaced with md breakpoint.

behatnotneeded

Change-Id: Iba1a12801bfb1396bfd56d859c6bb04754675620
parent 78ad3352
......@@ -12,18 +12,15 @@
float: left;
}
// CHANGE this value to switch between large and small logo
$screen-width-small-logo: 480px;
.logo {
padding: 6px 15px 6px 0;
display: inline-block;
height: $navbar-height; // CHANGE this value
height: $navbar-height;
// When small logo is uploaded 'change-to-small' class is added.
&.change-to-small {
display: none;
@media (min-width: $screen-width-small-logo) {
@include media-breakpoint-up(md) {
display: inline-block;
}
}
......@@ -32,7 +29,7 @@
.logoxs {
margin: 6px 15px 6px 0;
height: 48px;
@media (min-width: $screen-width-small-logo) {
@include media-breakpoint-up(md) {
display: none;
}
}
......@@ -61,7 +58,7 @@
.navbar-main.navbar {
min-height: auto;
@include media-breakpoint-up(md) {
height: $navbar-height; // CHANGE this value
height: $navbar-height;
}
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment