My logo is not responsive

Hi Support,

I changed the logo in my site http://tilegrafima.gr but it is not aligned with the menu below and also it is not responsive for all browsers.

Logo is png and I haven't modified the code.

Could you please help me with this difficult situation?

Best regards and thanks in advance,

Dimitris

From what I see all works fine. The logo decreases its size with browser width reduction.

Hi Support

Thanks for the quick reply.
The logo is responsive on Chrome However it isn't with Firefox ,IE .
Can you please check it out?

Thanks in advance

Dimitris

Tested with Firefox 34.0.5 on OSX and works fine.

Hi Cyberek,

thanks for the reply and willingness to help.

I change #gklogo class replacing the code with:

Code: Select all

#gkLogo {
height: inherit;
margin: 5px 30px 0 0;
width: 100%;
display: block;
}


and now works perfect in all browsers and devices.

You can keep this info in case you need it in the future.

Regards,

Dimitris

Ok, thanks for the info.

Ps. I have edited your post to make it more readable

Ηι again Supoport Team

I have one more Issue

In Firefox Browser the logo aligns with menu bar but on Chrom Broswer & Internet Explorer it does not .
Also when i change the logo settings in order to allign the logo in Chrome , it doesn't allign on Firefox

Best regards and thanks in advance
Dimitris

Is your site link still same?

Yes
The url is http://tilegrafima.gr

Best regards and thanks in advance
Dimitris

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

Code: Select all

#gkLogo img {
width: 100%;
}


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