site logo

This topic has 2 replies, 2 voices, and was last updated 4 days, 22 hours ago by alexis beaumont.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
January 16, 2025 at 12:57 am #469088

alexis beaumont
Participant

Hello,
i want to display a specific log depending on the screen size. In fact i’d like to display specific logo for the responsive view. Is it possible to do this ?
I want to keep in mind of course the great option you’ve developed : add 2 logo variations — 1 logo for the transparent header state, and 1 logo for the default opaque header state

thanks for your assistance
best regards

January 17, 2025 at 4:54 am #469113

Charles
Participant

Hi Alexis, the logo typically has a set size within the block options. Generally, you just want to set a logo width that works well in both mobile and desktop.

However, if you wants separate sizes, this will require a little more CSS:

@media screen and (max-width: 768px) {
.site-logo-wrapper {
max-width: 120px;
}
}

You’ll need to adjust the width value as needed.

January 17, 2025 at 7:17 am #469118

alexis beaumont
Participant

Hello,
thanks a lot
best regards
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.