Making Logo Wider & A Little Taller

[victoria]

Hello guys,

We are trying to use a line instead of a logo and would like to make it a little bigger in width and height. This is for both desktop normal and sticky version. Desktop only. How can we do that?

thank you!

Viktoria

• This topic was modified 4 months ago by victoria.

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
You can use this custom CSS code in Appearance -> Customize -> Additional CSS:

header.header-1 .haru-header-wrapper .header-left .header-logo a img {
    padding-top: 35px; // You can change to other if change logo
    padding-bottom: 35px; // You can change to other if change logo
}

With Sticky Logo you can change it like this:

header.haru-main-header .haru-sticky-wrapper.is-sticky > .haru-header-nav-wrapper .header-logo a img {
    padding-top: 10px; // You can change to other if change logo
    padding-bottom: 10px; // You can change to other if change logo
}

http://prntscr.com/ppwio9
However now that’s the best display with the logo. If you want it bigger you need create new logo and remove space at top and bottom.
Hope this help!

****
Regards,
HaruTheme

• This reply was modified 4 months ago by admin.

[Author]

Posts