size logo

hi,

In the template News2 would need the logo size for mobile was different size and logo for pc tablets. as I can get it? Thank you very much.

Hi,
not so easy, but I can give you few tips.
1) Use CSS type Logo (and replace our logo with yours)
2) and use also this code

Code: Select all

@media (max-width: 840px) {
 #gkLogoSmall.cssLogo {
    background-image: url('www.yousite.com/images/tablet-logo.png') !important;
    }

}

Of course decide what screen size should have to get smaller logo instead default one.


p.s.
Read also: https://www.gavick.com/documentation/jo ... -add-logo/

Thank you so much. It is fortunate to have his help. Greetings.

hi,

I do not quite understand it very well. The size of the logo, for tablet is already OK. All I need is in Mobile, the size is another. That is the code that I insert and that file?

Thank you so much.

max-width: 320px -- mobile
max-width: 480px -- phablet / small tablet

where, you can add into mobile.css file or inside override.css (guide in my footer)

hi,

I have inserted the code given in mobile.css file (line 626) and can not get it to work, the logo stays the same size. I attached a file capture if could help me.

Thank you so much.

}
@media (max-width: 420px) {
#gkSocial a {
padding: 0 3px;
}
.itemComments .itemCommentsList li > div {
padding: 10px;
}
.k2LatestCommentsBlock img,
.itemAuthorBlock > .gkAvatar > img,
.itemComments .itemCommentsList li > img {
margin: 10px;
}
}

@media (max-width: 320px) {
#gkLogoSmall.cssLogo {
background-image: url('www.publicoscopia.com/images/logo-v-504.png') !important;
}

}

Because you forgot one important thing , what I've written also.

logo-css.png

and replace our logo image with yours and all should be okey.

Thank you. As I make my logo.png in svg?

You have two options:
1) Don't - just rename extension name from png into svg
2) Or use online or graphic tool to convert into

hi,

I managed to solve the svg format with an online tool. The logo in Chrome and Mozila, looks good. But in the mobile Safari and the logo is not.

How I can solve it?

Thank you very much.

www.publicoscopia.com

But in the mobile Safari and the logo is not.

What exactly is wrong.
I don't have mobile safari to check it right now,
only android browsers.

hi,

With this option enabled the CSS logo, the logo in the Safari browser, and is not mobile either. Now I have the "Image" option.

Is possible from the "image" option to get the logo has a different pc or tablet size?

Thank you so much.

Is possible from the "image" option to get the logo has a different pc or tablet size?

I hate this part, but the only solution which can help you is to modify a template code,
and replace logo code with typical module position and using suffix : https://www.gavick.com/documentation/un ... et-layout/

- decide when to show which logo module.

but wait, try this :

Code: Select all

@media only screen and (max-width: 480px) {
#gkLogo img {max-width: 220px;}
}

it should work with traditional image logo type.
Of course you can use different value not 220px