Logo Width In Predefined Multi Rows Hesder - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Logo Width In Predefined Multi Rows Hesder

Andrea

Andrea

Helix Framework 3 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

0
2 Answers
Order by
Oldest Newest Votes
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #56125

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.

0
Andrea
Andrea
Accepted Answer
3 years ago #56129

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.

0