Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 11, 2015 at 8:57 pm #534374
    Blaahval

    Hi Enfold,

    I’m creating a site with a transparant mobile menu and I’ve found this code on the forum from the moderator Elliott:

    @media only screen and (max-width: 767px) {
#header, #header * { background: transparent !important; }
#header { position: fixed !important; }
}

    The code kinda works except that the main content on the page is moved up and is now shown behind the header instead of below. (See image)

    How can I fix this issue?

    Kind regards! :-)

    November 12, 2015 at 11:16 am #534655
    Blaahval

    Ok so I’ve found sort of a solution which is to simply put a 40px top margin on the pages main content.

    It does work on my devices but I’m not sure if it is the best solution, and most importantly I’m not sure if it’s fully compatible with the responsive design on all devices.

    Any input?

    November 13, 2015 at 5:33 pm #535553
    Andy

    Hi!

    seems to be fine for me. Let us know if you come into any trouble with it and we will happily support you.

    Cheers!
    Andy

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