• hi
    Another burning question I cannot find a solution for.
    I was to make my logo smaller.
    My temporary solution was to edit the logo by adding it invisible sides (on photoshop), that way I have created a wider logo which makes it wider, it forces the logo to be shorter, the problem is:
    When I open the website with a mobile device the logo then is too small…
    Is there any way to control the size of the logo?

    Thank you
    Amitabh

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 18 total)
  • 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

    Thread Starter bodhiwaves

    (@bodhiwaves)

    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?

    Kevin

    (@jx-3p)

    Perhaps I can help with some CSS. Can you add the logo so that I can see how it’s displaying?

    -Kevin

    Thread Starter bodhiwaves

    (@bodhiwaves)

    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.

    Kevin

    (@jx-3p)

    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

    Thread Starter bodhiwaves

    (@bodhiwaves)

    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.

    Kevin

    (@jx-3p)

    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

    Thread Starter bodhiwaves

    (@bodhiwaves)

    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

    Kevin

    (@jx-3p)

    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

    Thread Starter bodhiwaves

    (@bodhiwaves)

    Got it ??
    So the URL is:

    https://www.amardeepatherapy.com/wp-content/uploads/2017/11/amardeepa-logo-LSW2.png

    Looking forward to your answer
    Thank you
    Amitabh

    Thread Starter bodhiwaves

    (@bodhiwaves)

    Hi Kevin
    Just checking in to see if you are still available to help me with the logo.?

    Thank you
    Amitabh

    Kevin

    (@jx-3p)

    Sorry for the delay! I missed your response. here is the CSS:

    @media (max-width: 992px) {
    #thelogo img {
        content: url("https://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

    Thread Starter bodhiwaves

    (@bodhiwaves)

    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

    Kevin

    (@jx-3p)

    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

    Thread Starter bodhiwaves

    (@bodhiwaves)

    Hi Kevin
    YES, It is working great ??

    I am so grateful for your help
    Thank you Very Much

    Amitabh

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘making logo smaller’ is closed to new replies.