Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 6, 2015 at 12:26 pm #375621
    colapsnux

    Hello, I want to know, is it possible to change the logo and the header when I resize the site with the media queries ?

    For exemple I have one logo when the width is more then 1080px. And, when I reduce the windows and that the width is less then 1080px I want that appear another Logo. The same for the header.

    Is it possible ?
    (sorry for my english)

    Thanks

    January 6, 2015 at 1:32 pm #375645
    Yigit

    Hi colapsnux!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    @media only screen and (max-width: 1080px) {
.logo a {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
background-repeat: no-repeat;
background-size: contain;
}
.logo img {
opacity: 0;
}}

    Can you please elaborate on the changes you would like to make on the header?

    Best regards,
    Yigit

    January 6, 2015 at 3:40 pm #375708
    colapsnux

    It’s work for the logo thanks you.

    I want the same things for the header img if possible

    Thanks

    January 6, 2015 at 5:28 pm #375736
    colapsnux

    That did the trick when I add this code to your code

    .logo a {
    background-image: url(http://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    }
    .header_color .header_bg {
    background: url(URL_IMG) center center no-repeat scroll;
    }
    logo img {
    opacity: 0;
    }}

    Thanks ;-)

    • This reply was modified 9 years, 10 months ago by colapsnux.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change logo and header when windows is reduced’ is closed to new replies.