Logo At Mobile View - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Logo At Mobile View

MS

Monika Sz

Helix Framework 5 months ago

I want to have in mobile view logo of my page on the left side of top of the page, but its not showing. I of course have proper logo at top of the site at laptop view. When I insert Mobile Logo at Template Style I can see my logo apear twice at laptop view and still no logo at mobile view. What should I do?

0
10 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #192026

Hi Paul for helping him.

Hi Monika,

Is this solved now? If yes, you can then close this post by accepting the answer.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #192179

Thanks for accepting the answer.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #191925

Hi

Thanks for contacting us and sorry for your issue. Could you please give me your site URL and also a screenshot of your issue?

-Regards.

0
MS
Monika Sz
Accepted Answer
5 months ago #191944

Answer at hidden content.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #191965

Czesc Monika,

I saw that you removed Mobile logo from Template settings, it's OK - but you have to use extra 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;}
}
@media screen and (max-width: 680px) {
  #sp-header .sp-default-logo {display: block;}
    }

Please copy & paste it in Template Options > Custom Code > Custom CSS


Then that same logo image will be used in both Desktop and Mobile view.


Miłego dnia :)

0
MS
Monika Sz
Accepted Answer
5 months ago #191994

Bardzo dziękuję :) Now it works properly! This Template settings were set at this Template as I installed it (Template Eventum) :)

I have one more request. I would like to have at mobile view the speakers (Prelegenci) photos and descriptions at centered mode. Now they are aligned to left. What should I do to center them?

Pozdrawiam :)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #191999

Easy.

@media screen and (max-width: 680px) {
.sp-speaker .speaker-image-wrapper > img 
{text-align: center;display: block; margin: 0 auto; }
}

If we talk about /index.php/prelegenci

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #192001

and if we talk about Home page , add also that

@media screen and (max-width: 680px) {
#section-id-cad75c87-3db2-4117-8fc2-1d23e9036cba,
.sp-speaker .speaker-image-wrapper { text-align: center; }
}

In theory it should be possible by settings, but maybe copy-paste is easier.

Both codes must be used to make it work.

0
MS
Monika Sz
Accepted Answer
5 months ago #192003

SUPER :) And all is now as I wish

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 5 months ago #192004

For now, hahahah :)

Miłego dnia.

0