Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1191142

    Hi Team Enfold,

    there is a gap between my sticky mobile header and the first slider picture.

    Is it possible to close the gap or remove the line underneath the burger menu?

    Thank you for your help :)

    #1191218

    Hey ThomSchu,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .home #full_slider_1 .content {
        padding-top: 30px;
    }
    }

    Best regards,
    Rikard

    #1191650

    Hey Rikard,
    thank you for your answer. I think I asked the wrong question :/

    I use this code to make the header sticky on mobile.

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
    position: fixed !important;
    }

    But then the slider disappears behind the sticky menu (on every page).

    What can I do?

    Again, thank you fpr your support :)

    #1191652

    correct the padding-top of #main

    #1192021

    Hi ThomSchu,

    Did you get it working for you or do you need more help?

    Best regards,
    Victoria

    #1192418

    Hey Victoria,
    Guenni007,
    no, I still need some advise.
    I put in the “sticky code” (see above). But then the slider picture disappers.
    When I use the padding code, there is a gap :/
    Thank you!

    #1192419

    Hey Victoria,
    found a way. Problem solved :)

    #1192496

    Hi,

    Great, I’m glad that you found a solution and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.