Logo Not Displaying Correctly on Mobile Devices

  • I have a logo that displays in the lower right corner of the header on my laptop, which is how I want it to appear on all devices. On a mobile device the logo is large and centered on the header. How can I adjust the logo so that it displays on the lower right on mobile devices as it does on my laptop?

    I’m using the Hemingway theme, and am obviously not very adept at coding.

    Cheers-
    eric

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter enjaku

    (@enjaku)

    here is the code that I currently have…

    .header-cover { overflow-y: hidden; }

    .header {
    padding: 150px 0;
    background: no-repeat center;
    background-size: cover;
    }

    .header-inner { position: absolute; top: 110pt; left: 130pt; z-index: auto; text-align: right; }

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

    .blog-logo a,
    .blog-logo img { display: block; }

    .blog-logo img {
    max-height: 150px;
    width: auto;
    max-width: 150%;
    height: auto;
    }
    #header #logoWrapper, #header #siteTitleWrapper {
    text-align:left;
    }

    .blog-info {
    display: inline-block;
    padding: 30px;
    background: #1d1d1d;
    }

    .blog-title {
    width: 100%;
    text-align: right;
    font-family: ‘Raleway’, sans-serif;
    }

    .blog-title a {
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 700;
    font-size: 1.75em;
    }

    Hello,

    If you are using a different theme, then please open a topic on their support forum – https://www.ads-software.com/support/theme/hemingway/#new-post

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo Not Displaying Correctly on Mobile Devices’ is closed to new replies.