Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #16253

    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

    #90812

    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

    #90813

    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

    #90814

    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

    #90815

    it work very well

    thx a lot !!!

    #90816

    Great! Glad Ismael could help you :)

    Regards,

    Devin

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘modify the logo with different medias’ is closed to new replies.