Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 18, 2020 at 9:55 am #1268367
    jochenmaier

    Hello,
    first of all: Congratulations for the great theme and for the work you’re all doing here.

    We created a couple of Layerslider with “responsive” setting. They show perfect on Desktop.

    But on Smartphones, there’s a margin on top. The Layerslider is not behind the menu, but underneath of it.
    Are we doing something wrong?

    Thanks a lot.

    December 19, 2020 at 5:36 pm #1268651
    Nikko

    Hey Jochen,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    December 20, 2020 at 10:24 am #1268739
    jochenmaier
    This reply has been marked as private.
    December 21, 2020 at 1:15 pm #1269011
    Mike

    Hi,
    Thank you for the login, I believe what you are describing is that on mobile the header is not transparent, this is the correct behavior.
    So while the header is not transparent the layerslider is shown beneath the header, as in below, so it can be seen.
    Would you like to have a mobile transparent header?
    This css will do that, but note it would be applied to all pages, if you want it to only apply to some pages you can add page ID’s or other classes depending on needs.

    @media only screen and (max-width: 766px) { 
  .responsive #top #main {margin-top: -80px!important;}
  #top #wrap_all .av_header_transparency {background-color: transparent!important;}
  div#header_main > .container {display: block !important;}
  }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 22, 2020 at 10:29 am #1269271
    jochenmaier

    Hello Mike,
    this “fixed” it – thanks a lot. You may close this ticket.

    December 22, 2020 at 3:09 pm #1269332
    Nikko

    Hi jochenmaier,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘LayerSlider on Mobile shows only with margin on top’ is closed to new replies.