Varsita - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Varsita

CC

CHRIS CAPO

Template 2 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

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #131208

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.

0
CC
CHRIS CAPO
Accepted Answer
2 years ago #131223

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;}

}

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #131224

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;}
0
CC
CHRIS CAPO
Accepted Answer
2 years ago #131226

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

0
CC
CHRIS CAPO
Accepted Answer
2 years ago #131261

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #131262
  1. Do you have direct link that you can show me?
  2. Have you checked in SP LMS settings?
0
CC
CHRIS CAPO
Accepted Answer
2 years ago #131376

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.

0