Giver template - logo squashed after update - Forum | JoomShaper
Solved Templates

Giver template - logo squashed after update

Asked by Claire Haas 5 months ago Last activity 5 months ago

Hi,

I have just updated Joomla, SP Page Builder and template Giver and now my logo is squashed. How can I fix this please? Link in the hidden content.

Kind regards
Claire :-)

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
5 months ago · edited

Hi Claire,

It was a custom header? If yes, in Template Options > Layout > "Logo" > Options column > Grid, and change size from "1" to "2" or "3" for desktop view.

Menu - also change from "11" to "10" or "9"

Alternative CSS solution

@media screen and (min-width: 992px) {
#sp-logo {width: 16.66%;}
#sp-menu {width: 83.33%;}
}

5 more replies

Oldest first Newest first Most helpful
Claire Haas Asked this
5 months ago

Hi Paul,

No, it is the Classic Header that comes with the template but the css worked anyway.
Thank you very much for your help.

Paul Frankowski Senior Staff
5 months ago

For Mobile view add also that:

@media screen and (max-width: 860) {
#sp-logo {padding: 0;}
#sp-logo .logo-image {height: auto;}
}
Claire Haas Asked this
5 months ago

Hi Paul,

The mobile view css doesn't work for me. Is there something else I can try please?

Kind regards

Claire Haas Asked this
5 months ago

Thank you again :-)

Paul Frankowski Senior Staff
5 months ago

my tiny mistake, I forgot about "px" here: max-width: 860px

and use : auto !important; in 3th line

Claire Haas Asked this
5 months ago

thank you very much

Claire Haas Asked this
5 months ago

Customer is saying it is now smaller than it used to be on a mobile, How do i make it bigger please?

Claire Haas Asked this
5 months ago

Don't worry, I fixed it by adding 

#sp-logo {width: 50%;}
#sp-menu {width: 50%;}
Log in to reply.