Is there anything I can do to reduce the size or even better remove the logo for that media query set? Another way would to set an opacity for the logo. Would that be a valid option?
My site is www.ulfklose.wedding.
X3 Photo Gallery Support Forums
@media screen and (max-width: 1024px) {
.logo {
display: none;
}
}
@media screen and (max-width: 1024px) {
.logo > img {
max-width: 120px;
}
}
You could assign left-align to the element that contains the logo. Likely you would need to include some margins. For example:ulfklose wrote:What would be a good query to position the logo on the upper left of the viewport?
@media screen and (max-width: 1024px) {
.logo-wrapper {
text-align: left;
}
.logo > img {
max-width: 120px;
margin: 0 0 0 20px;
}
}