logo png

Hello, I changed css file and I deleted parts about svg logos... now I'm using png logos only. There is some problem and png logo is not resizing for tablet and mobile layout... could you please help me? Thank you

Jan

Could you please post an url to your site?

martin-zoubek.wextra.cz

Please edit: /templates/gk_john_s/css/override.css and add at its end:

Code: Select all

@media (max-width: 820px) {
#gkLogo, #gkLogo.cssLogo, #gkLogoSmall, #gkLogoSmall.cssLogo {
    background-size: 100%;   
}
}


Remember to enable "CSS override" in template settings - advanced section.

Thank you for advice! Works great... I have one more question about mobile version layout... there is problem with main photo in the top background of page. I can't see anything from the homepage picture. Is there some way how can I use for mobile version different picture instead of main picture?

Code: Select all

@media  (max-width: 320px) {
  .gkHeaderBg {   
    background-image: url('/subdom/martin-zoubek/images/demo/header/header_small.jpg') !important;
  }
}


will load different image when max screen size is 320px - you can increase max-width size to suit your needs.

thank you!

Is there anything else I can help you with regarding this topic?

I have one more question... in my web, there is section "MOJE AKTUÁLNÍ PROJEKTY" (projects) which use modul "news show pro GK5" ...when I click to any of items, after that I can see next popup page with details about that. There is picture which is active link to K2 item page... Is there any way how to deactivate link in the picture? I hope you can understand my messy question

Not without modifying NSP core files.