How to have 2 sizes logo, one for desktop and one for other

Home Forums WordPress Theme Babatox – Responsive Landing Page WP Theme How to have 2 sizes logo, one for desktop and one for other

This topic contains 3 replies, has 2 voices, and was last updated by  Aerdvark 2 years, 10 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #5635

    Aerdvark
    Participant

    Support Expired

    Hi CTH Themes,

    I have been searching for a way to do this: the logo on the site should be “big” when it is in desktop mode (meaning: as long as the menu is a full menu). If the screen gets smaller, then the site acts responsive, that is good. But at one point when the screen gets small enough the menu turns in to the small rectangle wich collapse/uncollapse when pressed on. If I am in that “non-desktop-mode” I would like to have the logo to be a smaller one. How to do that?

    In my search I have found this: @media query. And here is how much I can invent myself:

    /* menu when big */
    @media (min-width: 768px){
    * here some css *
    }
    }

    * Here some CSS * meaning:
    <img src="http://mysite.com/logo_big.png" />

    In all other cases the logo should be the small one logo_small.png.

    I am sorry if I am unable to explain good, I will do better if needed. ALso you do not have to provide me the fulanswer, just a point into the right direction would be cool!

    Thanks in advance! My temp site location: http://tinyurl.com/ht4go56

    • This topic was modified 2 years, 10 months ago by  Aerdvark.
    #5637

    Aerdvark
    Participant

    Support Expired
    /* menu small then small logo */
    @media (max-width: 767px){
    .responsive-img {
        max-width: 173px;
    }
    }

    This seems to do the trick as well but is this correct..? The header / menu bar needs to be streched as wel in this mode…

    #5655

    CTHthemes
    Keymaster

    Hi, it is the right way to make your site custom responsive.

    #5658

    Aerdvark
    Participant

    Support Expired

    Okay then I will go further that way. Thanks!

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

The topic ‘How to have 2 sizes logo, one for desktop and one for other’ is closed to new replies.

Hello! CityBook version 1.2.7 was released. Bulk Import Add-On, OpenStreetMapView Details
+