modify the logo with different medias « Support Forum | Kriesi.at

modify the logo with different medias

6 posts from 3 voices

Tags:

fraktale911
Member

hello,

actually my logo in normal size (larger than 1024px) is 640*100px (i have already modify the css to allow that)
i would like to know if it is possible to modify the logo if the width of the screen changes (for instance less than 767px).

Thx
fraktale

Posted 8 months ago #
Ismael
Moderator

Hi,

You might want to look at media queries. There's a fair example of that if you look on css > layout.css > #Media Queries. :)

Regards,
Ismael

Posted 8 months ago #
fraktale911
Member

thx for the answer
i know media queries but the logo is generated by the avia framework. So i ask this question : does it possible to change the logo by CSS and mediaqueries ? i try but it doesnt work...
So is it possible to change the logo with modifying the avia framework php files ?

fraktale

Posted 8 months ago #
Ismael
Moderator
Hi fraktale,

Yes, inside your media queries conditions, add this code:
```
h1.logo a img {
   display: none;
}

h1.logo a {
   background: url('http://your_url_here');
   height: 100px;
   width: 172px;
}
```
The first code block, hides the original logo image. The 2nd code block, is what sets the background, just replace the url. Don't forget to indicate the height and width. Hope this helps. :)

Regards,
Ismael
Posted 8 months ago #
fraktale911
Member

it work very well
thx a lot !!!

Posted 8 months ago #
Devin
Moderator

Great! Glad Ismael could help you :)

Regards,

Devin

Posted 8 months ago #