Awaiting an answer Templates

Varsita

Asked by CHRIS CAPO 3 years ago Last activity 3 years ago

I am using Varsita Template and when I input the Mobile Logo it appears on the website just below the logo so it is doubled. I can recreate it if youwant

6 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago

Hi Chris,

Hopefully It can be fixed pretty easy with a few lines of custom CSS:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #sp-header .sp-default-logo {display: block !important;}
}

and that same desktop logo will be used also in Mobile view, less steps.

CHRIS CAPO Asked this
3 years ago · edited

Still didn't work, this what I have in custom CSS:

sp-menu .sp-my-account {display: none;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

sp-header .sp-default-logo {display: block !important;}

}

Paul Frankowski Senior Staff
3 years ago · edited

My CSS code worked if you would use ONLY desktop logo, I guess you read my answer too fast.

Anyway, if you decided you choose also that same logo for mobile, you have to use different CSS

@media screen and (max-width: 768px) {   
.hidden-sm, .hidden-xs {display: none !important; visibility: hidden;} 
} 
.offcanvas {visibility: visible;}      
 .offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul 
 { margin: 0 5px; display: block;}   
 #sp-menu > .sp-column .sp-module { margin-top: 0;}
CHRIS CAPO Asked this
3 years ago

Oh, sorry I did read it to fast thanks again and sorry for that.

CHRIS CAPO Asked this
3 years ago

I have one more question for you since you answer back quickly.

Where can I change the background image of certificates in SP LMS, e.g. "Certificate of Competion" or "This is to certify..."?

I need it to look more professional and more geared towards the EMS community.

Paul Frankowski Senior Staff
3 years ago
  1. Do you have direct link that you can show me?
  2. Have you checked in SP LMS settings?
CHRIS CAPO Asked this
3 years ago

I have checked the settings and do know where the php file is to rearang the certificate when I need to. I can give you an account with a cert in it and you can see.

Log in to reply.