• The site title is so very big. While it translates ok to a pc or laptop, it gets severely cut off on tablets and especially phones. Is there a css code that can help me to lower the font size? I tried looking in the style.css editor and found the line but it would not let me change (which makes sense…i am using free version at the moment). Any help would be gratefully accepted and appreciated. Thank you!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @KristiHugs

    At first, thank you for choosing our theme and service.

    Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

    @media screen and (max-width: 979px) {
    .header-logo a {
    font-size: 45px !important;
    }
    }

    Kind Regards

    Thread Starter KristiHugs

    (@oceanbuddha)

    all of it including @media screen? I put it in the additional css box and no change. I thought maybe I did it wrong and so put in just the {
    .header-logo a {
    font-size: 45px !important;
    }
    }

    and did not work either. ?? Could you go take a look? I will go empty my cache and try again. Thank you ever so much! I love this theme and hope to upgrade to pro when I get more traffic ??

    Hi @kristihugs,

    Thank you for your kind words and for choosing our theme and service.

    We’ve thoroughly tested the CSS snippet before sharing it, and the screenshot:https://prnt.sc/sp3HsFQqyYij demonstrates how it affects the header text logo on your website.

    To ensure the snippet takes effect correctly, please follow these steps:

    Clear cached data on your website.
    Confirm that you have pasted the snippet in its entirety.


    After completing these steps, the changes should be reflected on your site. If you encounter any issues or if there’s anything else you’d like assistance with, please let us know. We’re here to help.

    Kind Regards

    Thread Starter KristiHugs

    (@oceanbuddha)

    thank you for taking time with me. So I posted the code in just like the snippet you sent and it does work in my tablet and my phone….but the desktop is the same size. Weird! but not an issue (I did use optimizer to clean my website cache, I also cleared out my history and to make extra sure, did a disc cleanup AND a revo cleanup). I had some suggestions I make it smaller so phones could see the title, and now they can, so I am good with that ?? You have been incredible, patient and kind. Thank you!

    Hi @kristihugs

    You’re very welcome! I’m delighted to hear that the logo display issue has been successfully resolved on your tablet and phone. I appreciate your efforts in implementing the provided code snippet and performing the necessary cache clearing steps.

    It’s great to know that the adjustments you made have met your expectations, allowing the title to be visible on phones. Your positive feedback and kind words mean a lot to us, and I’m pleased I could assist you in resolving the issue.

    If you ever have more questions or encounter any other challenges in the future, don’t hesitate to reach out. We’re here to help!

    Thank you for your patience and cooperation.

    Kind Regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Reduce size of Site Title’ is closed to new replies.