Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 29, 2014 at 9:25 am #326398
    sandraen87

    Hi,

    Is it possible to replace the logo with another image, if the site is below 767px?

    I believe this is the area to change it in:
    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {

    Thanks,
    Sandra

    September 29, 2014 at 1:24 pm #326499
    Yigit

    Hi Sandra

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

    September 29, 2014 at 2:39 pm #326569
    sandraen87

    You are my hero!

    Thanks

    September 29, 2014 at 2:48 pm #326572
    Yigit

    Hi!

    You are welcome, always glad to help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change logo image on responsive/smartphone’ is closed to new replies.