Mobile Logo Not Correct - Support | Kriesi.at

Tagged: change, glassy header remove, logo, mobile

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

Author

Posts
October 21, 2025 at 6:34 am #1490432

imagestudios
Participant

Hi, I have my pages set to a glassy transparent header which shows the reversed out logo. The problem is, mobile wants to pull from the normal logo and it doesn’t show up. Two questions:
1) Is there a way to code the reversed out version of the logo you see on desktop to show up on mobile?
2) Can I get rid of the glassy header on the mobile view?

Thank you!

October 21, 2025 at 7:04 am #1490437

imagestudios
Participant

Here is the website:

October 21, 2025 at 7:45 am #1490444
Ismael
Moderator
Hi,

Thank you for the inquiry.

You can add this css code to hide the default logo and display the alternate one on mobile view:
```
@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img,
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>svg {
    opacity: 0;
    display: none;
  }

  .responsive #top .av_header_transparency .logo .subtext.avia-svg-logo-sub,
  .responsive #top .av_header_transparency .logo img.alternate {
    display: block;
  }
}
```
Result:

Best regards,
Ismael
October 21, 2025 at 9:18 pm #1490479

imagestudios
Participant

This worked great on the logo. The transparent header though is problematic because for some reason the image gets pushed below it. Is there a way to keep it over the top part of the image like the desktop view or remove it altogether for mobile only?
Author

Posts

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

You must be logged in to reply to this topic.