Need to enlarge logo


#1

Hello!

I think I may have messed something up in the CSS of my website when messing with the padding around the main navigation menu. I wanted the space of the menu to be larger, but now my logo is smaller. Is there a way to keep the padding and nav menu as is but enlarge logo?

The size of my logo image is 2046x409.

Any insight is greatly appreciated. Thanks so much :slight_smile:


#2

Hello,

Can you please provide a link to your website?

Kind Regards, Roman.


#3

www.jacorconstruction.com

Thank you
:blush:

Thanks,

Samantha


#4

Okay Samantha, thank you for the link!

I’m not sure what exactly you want to achieve, can you please provide some explanatory screenshots as well?

Kind Regards, Roman.


#5

Sure!

I will post a picture of how it is now (smaller logo) and a screen grab with a pasted logo how I would like it to be.

Thank you :slight_smile:


#6

Hello Samantha, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1025px) {
    .header-wrap .site-branding {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .site-branding {
        width: 35%;
    }

    .menu-wrapper {
        width: 65%
    }
}

.header-wrap .site-branding {
    padding: 10px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#7

This worked!!! Thank you SO much, Roman!

Thanks,

Samantha


#8

Great! You are welcome Samantha :slight_smile:

Kind Regards, Roman.


closed #9