Site logo

Archived topic

How do I make my logo wider on desk top?

3 replies · Started by Heath on February 28, 2022

Viewing posts 1–4 of 4

I am wanting my logo to be wider on desktop. Is there a way for me to do that?

Hi Heath,

It seems you site is down, can you check?

Let me know :)

It was for a minute but it is up now.

Hi Heath,

To change to Logo Width, you may do this through Appearance > Customize > Site Identity.

See: https://share.getcloudapp.com/5zun4Nym

If you wish to change the width of the logo solely for desktop view, one approach to do this is through custom CSS code. Here is a code you can try:

@media (min-width: 1025px) {
    .site-header img.header-image {
    width: 320px;
    }
}

Please modify the logo width (320px) to you preferred value.

Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

Kindly try adding this via Additional CSS.

Hope this helps! Feel free to reach out if you’ll need further assistance with regards to this. :)

This archived topic is closed to new replies.