JA purity4 BUG. dark and light logo appearance at the same time

navibd

Hi. Hope you are doing great. as the title suggests, there is a problem with logo in dark and light theme. I created 4 logos. 2 for desktop and 2 for mobile view. in desktop every think is ok. but in mobile view, both light and dark logo appear simultaneously.. How to solve the problem? I hope reporting problems help ja_purity 4 improvement for next versions.

saguaros

navibd Hi

Are you using latest version of T4 framework and template?

You can share the URL + super admin account so I can take a look.

navibd

This message is visible to Moderators only

hidden content

navibd

no response?

cssyeah

Hi @navibd,
I added bellow CSS rules to the Edit Custom CSS modal and it worked fine.

.logo-image .d-light,
.logo-image .d-dark {
  display: none !important;
}

body .d-light.d-block {
  display: block !important;
}

body .d-dark {
  display: none !important;
}

body.dark-active .d-light {
  display: none !important;
}

body.dark-active .d-dark {
  display: block !important;
}

@media (min-width: 768px) {
  body .logo-image .d-light { display: block !important; }
  body .logo-image .d-light.d-sm-none { display: none !important; }

  body.dark-active .logo-image .d-dark { display: block !important; }
  body.dark-active .logo-image .d-light { display: none !important; }
  body.dark-active .logo-image .d-dark.d-sm-none { display: none !important; }
}

navibd

but problem is still there. in mobile version. should I edit something?

saguaros

Hello

We updated a bit, could you check it now?

navibd

now works as a charm. lovely joomlart xoxo