Mobile and Desktop version malfunction

  • Resolved jotaerrex

    (@jotaerrex)


    5 years, 7 months ago

    Hello!
    I’ve already tried differents solutions you offered to fix the view in mobile devices but I cannot make it work properly.
    Currently I have this css applied:
    header {
    margin-top: 60px !important;
    }
    @media only screen and (max-width: 478px) {
    header {
    margin-top: 80px !important;
    }
    }

    Could you give a look at it?
    Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    5 years, 7 months ago

    Hi @jotaerrex it looks like you’ve entered that css into the Simple Banner Custom CSS section, that CSS is meant for the Website Custom CSS section in the pro features. Simple Banner Custom CSS styles get applied directly to the .simple-banner class so inserting that css there won’t work.

    Thread Starter jotaerrex

    (@jotaerrex)

    5 years, 7 months ago

    Thanks for your quick answer.
    You are right, I’ve changed it, but even though, the header wont go up when scrolling.

    Plugin Author rpetersen29

    (@rpetersen29)

    5 years, 7 months ago

    Hi @jotaerrex I’m not sure the exact behavior you want but you can try this in Website Custom CSS:

    .header-transparency .nm-header, .home.header-transparency .nm-header {
    position: relative;
}
.header-on-scroll .nm-header, .home.header-transparency.header-on-scroll .nm-header {
    position: fixed;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile and Desktop version malfunction’ is closed to new replies.