• Resolved nataliehanson

    (@nataliehanson)


    Hello – I would like to make my logo as large as possible in the top left navigation. Can you help me modify the CSS? And let me know the maximum size I could make it? Thanks, Natalie

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author tamermancar

    (@tamermancar)

    Hello.
    You can enlarge your logo with the CSS code below.

    .site-branding a img {
         max-height: 100px;
    }

    You can replace 100px with a larger value.
    The logo can be as large as the sidebar width. You may also need to reduce the margin value you wrote for #site-header.

    Thread Starter nataliehanson

    (@nataliehanson)

    Thank you, that worked!

    Theme Author tamermancar

    (@tamermancar)

    You’re welcome

    Thread Starter nataliehanson

    (@nataliehanson)

    Hi Tamer – while this worked well, I have encountered a new, related problem. The larger logo looks great on the desktop, but it overlaps the body of the page in the mobile view. Is there a way to set an alternate header image for mobile? Thanks.

    Theme Author tamermancar

    (@tamermancar)

    Hi.
    The code below will fix the problem. But since your logo is in portrait format, it will look a little small.

    @media (max-width: 991px) {
        .site-branding a img {
            max-height: 70px;
        }
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Upload & size logo’ is closed to new replies.