left align logo

[alice]

alice

April 29, 2020 at 9:41 am

I’m working on moving a website from a Genesis child to Ascend. The logo/tagline area needs to have a specific look, and I haven’t been able to get that. The page below goes to a demo page. In the top banner, you’ll see the logo/tagline area bordered in green and the logo itself bordered in red. I do that so I can see what’s going on while I’m working.

How can I get the logo to left align like the tagline is? I’ve put the custom css that I’ve been trying and failing with.

Many thanks for any help you can offer!

*Login to see link

.kt-header-position-above #logo a {
flex-direction: column !important;
content-align: left !important;
}
#logo {
padding-top: 10px !important;
width: 440px;
border: 1px solid #73AD21;
align-content: left !important;
}
#logo .ascend-logo {
content-align: left !important;
border: 1px solid #cc0000 !important;
}
#logo .kad-site-tagline {
max-width: 670px;
text-align: left !important;
}