Logo Shrinks in Mobile View

  • Author
    Posts
  • #101200

    tahliahutchison
    Member
    Original poster

    Hello, on my mobile the logo I have inserted shrinks considerably and there is a large gap between the logo and the menu.

    Can you advise the CSS to fix this.

    Thank you

    The blog I need help with is: herheartpoetry.com

    #101333

    tahliahutchison
    Member
    Original poster

    Just want to add, it’s fine on my tablet, it’s just the mobile. It may just be the space between the logo and the line above the menu. On my tablet it looks AMAZING!

    Sorry to be a pest, have tried multiple CSS work arounds and can’t get it to work.

    #101352

    designorbital
    Theme Author

    Hi,

    Your blog is marked private at the moment. I am unable to see it in action now.

    I have tested and logo is working fine on our sandbox. I will be able to say something after visiting your blog.

    Thanks

    #101380

    tahliahutchison
    Member
    Original poster

    Could I send you an email with a screenshot or invite you to view? I don’t want to take the private setting off yet.

    Is there a workaround?

    Thanks

    #101383

    designorbital
    Theme Author

    Hi,

    Please share screenshot in this thread. Simply upload to your blog or any other service and paste the URL here.

    Thanks

    #101408

    tahliahutchison
    Member
    Original poster
    #101410

    designorbital
    Theme Author

    Hi,
    Access Denied for the file.
    You may use any third party service like CloudUp etc
    Thanks

    #101411

    tahliahutchison
    Member
    Original poster
    #101440

    designorbital
    Theme Author

    Hi,
    Thanks for the screenshot.

    It seems to be okay. Let me explain some steps.

    1. Logo is responsive. It means, it will adjust itself according to available screen.
    2. If you have used very large logo. It may be in its original dimension at large screens but will adjust its dimensions gracefully at small screens.

    I am observing white space below the logo. I will be able to share a CSS snippet with you to adjust it. This will only be possible after the launch of your site.

    Please feel free to ask additional questions.
    Thanks

    #101529

    tahliahutchison
    Member
    Original poster

    Hi there,

    The site will go live tomorrow. It would be great to have the CSS snippet as soon as possible. I have tried multiple sizes of logo and it when I check the mobile view on the customizer the logo is always really small and there is a large white gap underneath it. It doesn’t happen on the tablet or desktop view.

    Also, is there a reason that the ‘Leave a comment’ box is underneath the arrows for previous and next posts. It looks strange that it isn’t directly under the body of the post itself. Is there a way to change this?

    Thanks and I look forward to hearing from you.

    #101530

    designorbital
    Theme Author

    Hi,

    Exact CSS snippet will only be possible after observing the live site. White space can be due to Logo white space or may be due to padding or may be some other reason.

    Please update this thread after making the site live. We will be able to guide you exact snippet.

    Thanks

    #101533

    tahliahutchison
    Member
    Original poster

    Hello, the website is live now. Thank you :)

    #101534

    designorbital
    Theme Author

    Hi,

    Please try the following CSS snippet,

    .site-header {
        min-height: 50px;
    }

    Thanks for your patience.

    #101536

    tahliahutchison
    Member
    Original poster

    That worked perfectly! Thank you so much.

    And finally, is there a way to move the comment box above the arrows to move between posts.

    Thank you!

    #101537

    designorbital
    Theme Author

    Hi,

    Thanks for the feedback.
    Sorry, you can’t move the comment box above the arrows.

    Take Care

The topic ‘Logo Shrinks in Mobile View’ is closed to new replies.