-
Posts
-
Hello! I hope you all are doing well!
I’m hoping you can help me adjust my custom logo for page preloading on Mobile.
It looks great on large-sized screens, but on mobile, it’s being pushed off to the right side of the screen and so is getting cropped.
Here’s a screenshot example:
https://drive.google.com/file/d/19NMIqiBOF7pZiuYr2yayYem5llobqlnk/view?usp=sharingHey Stephanie,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { .av-preloading-logo { max-width: 100%; max-height: none; } }Best regards,
RikardThank you, Rikard!
I altered it slightly to this code below and it looks just as I like it.
@media only screen and (max-width: 767px) {
.av-preloading-logo {
max-width: 80%;
max-height: none;
float: center !important;
}
}Thanks so much for pointing me in the right direction :)
I hope you’re doing well and thank you for being available during the pandemic!
S
- The topic ‘Custom Logo for preloader being pushed off screen on mobile’ is closed to new replies.