Support » Themes and Templates » Need Help Resizing My Site Logo In Mobile View

Viewing 9 replies - 1 through 9 (of 9 total)
  • Here’s the website http://www.themorningbm.com/

    I think I need to add something to this part of my stylesheet but I’m not really sure. I’ve tried several times but to no avail.

    .blog-logo { display: inline-block; }

    .blog-logo img {
    display: block;
    max-width: 100%;
    height: auto;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It appears to be resizing to me, can you link to a screenshot with the issue?

    http://www.imagebam.com/image/303c15437863738 The header image is resizing correctly but the site logo is not.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you provide more details on the device and browser that this issue is occurring in?

    I see it looks like its resizing in your screenshot though. If I can’t get it to resize properly I would like to find a way to just remove it when accessing my site through a mobile device.

    It is a Nokia Lumia 635 Windows Phone using Internet Explorer. It’s not the greatest setup but I want my site to look presentable when accessed from any device.

    It seems like I’m going through a lot of headaches just for a dumb website that post a bunch of smutty pictures.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t see any styles that would cause this issue (I can’t figure out the problem), so to hide the image you can add CSS:

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      @media screen and (max-width: 320px) {
          .header .blog-logo {
              display: none;
          }
      }
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Unless you have an unlimited budget, you’re never going to meet every device & every browser. You can use Google Analytics to work out the common devices and browsers of your site and see if you need to worry about this issue.

    That looks like it did the trick. Thanks for your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Need Help Resizing My Site Logo In Mobile View’ is closed to new replies.