Hey,
Have you tried adjusting the logo spacing in Theme Options> Main Settings?
By increasing the right and left spacing, you should be able to make the logo area smaller.
Let me know if that works for you.
-Kevin
I did try that.
it is working for PC view
but on the phone or tablet, it is still too big.
Is there anything else you might think of?
Perhaps I can help with some CSS. Can you add the logo so that I can see how it’s displaying?
-Kevin
Thank you
The logo is actually there but I see that it doesnt show on the home page. Only on other pages… which I do not know why it is doing that.
That’s odd. Have you cleared your site’s cache since adding the new logo?
I would start by removing the space from your logo on the sides. It can’t physically be any larger in mobile since the space around the logo is so large.
If you want to use a different logo for mobile, then this can be accomplished with some relatively simple CSS.
-Kevin
Thank you.
I managed to clear the cache and I can see the logo.
I hope you can see it too.
As youcan see i have added alot of space i the actual image of the logo. So the logo now is rectangle andnot square. That was in order to achieve a smaller logo.
But iwould like to have the logo smaller without this addition as it makes the logo apear really small on phones.
If you can upload another logo for mobile without space on the sides, and link to it here, I’ll give you some CSS to make that your mobile logo so it displays larger.
-Kevin
I do not know how to upload another logo without replacing the one that is already in my website.
Can you please guide me to that?
Thank you
Yeah! Simply go to the “Media” area in your admin sidebar. Then click “Add New.”
Upload the image, then once that’s done, send a link to it and I’ll give you the CSS to replace the mobile logo.
Let me know if that makes sense!
-Kevin
Hi Kevin
Just checking in to see if you are still available to help me with the logo.?
Thank you
Amitabh
Sorry for the delay! I missed your response. here is the CSS:
@media (max-width: 992px) {
#thelogo img {
content: url("http://www.amardeepatherapy.com/wp-content/uploads/2017/11/amardeepa-logo-LSW2.png");
}
}
Try placing that into Theme Options> Advanced Settings, and let me know if it works for you.
-Kevin
Yes 🙂
It worked great thank you 🙂
Can I ask you another question?
In the testimonial page, next to each testimonial I have embedded the flower from the logo.
When I am opening this page on my phone, the flower is enormous, it takes a lot of space. I was wondering if you can give me a code for that too?
So the flower will be much smaller?
I appreciate your help and I love the way the logo looks on my phone 🙂
Thank you
Amitabh
Try this CSS:
@media (max-width: 780px) {
.testimonials img.so-widget-image {
max-width: 200px !important;
float: none;
margin-right: auto;
margin-left: auto;
}
}
Let me know if that works for you!
-Kevin
Hi Kevin
YES, It is working great 🙂
I am so grateful for your help
Thank you Very Much
Amitabh
