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?
Solved
Helix Framework
Logo at mobile view
Accepted answer
Marked as the solution
Mehtaz Afsana Borsha Staff
Hi Paul for helping him.
Hi Monika,
Is this solved now? If yes, you can then close this post by accepting the answer.
Mehtaz Afsana Borsha Staff
Thanks for accepting the answer.
7 more replies
Mehtaz Afsana Borsha Staff
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.
Monika Asked this
Answer at hidden content.
Paul Frankowski Senior Staff
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 :)
Monika Asked this
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 :)
Paul Frankowski Senior Staff
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
Paul Frankowski Senior Staff
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.
Monika Asked this
SUPER :)
And all is now as I wish
Paul Frankowski Senior Staff
For now, hahahah :)
Miłego dnia.
Log in to reply.