logo width in predefined multi rows hesder - Forum | JoomShaper
Awaiting an answer Helix Framework

logo width in predefined multi rows hesder

Asked by Andrea 4 years ago Last activity 4 years ago

Hi,
I'm updating a website from HU1.1.4 to HU2 and have an issue with the logo width.
Here is how it should appear (it's the old version with HU1.1 with personalized header), and here how it actually appears with predefined header as multi rows.

I'd like to have a bigger logo but the columns is small and can't figure out how to make it wider. Any suggestion?
The logo should be also in the middle of the page.
Thank you

Andrea

2 replies

Oldest first Newest first Most helpful
Ariba Staff
4 years ago · edited

Hello

Thank you for your query.

Please add the following css rules in custom css section and also set the logo image height to 90px

#sp-logo {
    width: auto;
    margin: 0px auto;
    padding: 45px 0px 45px 0px;
}
#sp-contact, #sp-social {
    display: none;
}

Hope this helps you.

Andrea Asked this
4 years ago

Yep, thank you!
I also added

@media (min-width: 1200px) {
#sp-logo {
    width: auto;
    margin: 0px auto;
    padding: 45px 0px 45px 0px;}
}

in order to not affect the header on tablet and smartphone.

Log in to reply.