How to make logo bigger on mobile without changing size on desktop?

  • I want to keep the size of my logo header on my website when on the desktop, but it then appears small on mobile.

    How do I make the logo header larger on mobile, but keep it the same size on desktop?

    My website is https://www.prettyminted.com to see what I mean.

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

Viewing 3 replies - 16 through 18 (of 18 total)

  • Hi there,
    add this

    @media(min-width:767px){

.site-logo img {
    max-width: 400px;
    width: 400px;
}
}

    in your custom CSS box to change the site only in desktop.
    Let me know if you need additional help on this.

    Thank you, this worked! If I ever want the logo on webpage to be bigger, can I just adjust the max-width and width number?

    Hi there,
    of course you can.
    Let me know if you need additional help on this.

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘How to make logo bigger on mobile without changing size on desktop?’ is closed to new replies.