Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 9, 2014 at 2:34 pm #315877
    same-d

    Hi,

    Is it possible to bring the logo to the front on a mobile device (see: http://demo1.same-d.nl/ and view in mobile resolution).

    On a mobile the logo disappears partly behind the slider. Has it something to do with the z-index? My CSS code:

    @media only screen and (max-width: 767px) {
.logo img { visibility: hidden; }
.logo a { background-image: url(https://demo1.same-d.nl/wp-content/uploads/2014/07/logo-retina2a.png);
margin-top: 5px;
background-size: 295px;
background-repeat: no-repeat;
position: relative;
z-index: 2147483647; 
width: 225px;}
}

    Thanks!

    Cheers,
    Tony

    September 10, 2014 at 7:29 am #316332
    Ismael

    Hi same-d!

    Thank you for using Enfold.

    Please use this on Quick CSS or custom.css:

    @media only screen and (max-width: 767px) {
.responsive .logo {
overflow: visible;
}

.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 180px !important;
max-height: 180px !important;
}
}

    Best regards,
    Ismael

    September 10, 2014 at 2:43 pm #316614
    same-d

    Thank you so much!

    Cheers,
    Tony

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Bring logo to front on mobile’ is closed to new replies.