Archived topic

Slider Theme Logo Sizing Issue

3 replies · Started by Jeff on February 26, 2022

Viewing posts 1–4 of 4

February 26, 2022 at 9:17 am #2134659

Trying to fine tune the logo dimension sizing on https://briefs.fourthestate.org and running into walls.

What do I need to do in the CSS to get that logo to behave and resize?

February 26, 2022 at 11:02 am #2134754

Hi Jeff,

Can you try:
1. change this CSS:

.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 60px;
    width: auto;
}

to this:

.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 60px;
    width: auto;
    max-width: unset;
}

2. Change this CSS:

#site-navigation .navigation-branding {
    transform: rotate(90deg);
    display: block;
    height: 80px;
    margin: 30px 0 auto;
}

to this:

#site-navigation .navigation-branding {
    transform: rotate(90deg);
    display: block;
    height: 80px;
    margin: 100px 0 auto;
}

February 26, 2022 at 11:34 am #2134787

Thanks!

That's a huge step in the right direction. We can fine-tune.

February 26, 2022 at 4:42 pm #2134962

You are welcome :)

This archived topic is closed to new replies.